How to Iterate with fade out?
<p>I wanna to improve this chunk of code to make each image appears independently and doing the fade out.</p>

<p>This one face a problem , which is iterating quickly , so only the last image is appeared and doing the fade out.</p>

<pre><code>jQuery.each(
slidesArray, function (index, value) {

   var linkHref = value[1];
   var imageSource = value[0];;


   $("#slider").html("&lt;a href='" + linkHref + "'&gt;&lt;img src='" +
                     imageSource + "'&gt;&lt;/a&gt;").fadeOut(5000);

});
</code></pre>

<p>Can you help me ? note that images should be animated respectively.</p>
