Jquery display images one after another
<p>This is perhaps a couple of questions rolled into one here, I am creating an image gallery and wanted the thumbnails to fade in on the page one after another, this needs to be dynamic to the amount of images within a div (for reuse on the other gallery pages)</p>

<pre><code>$(function {
var $gallImages = $('#galleryThumbs img');


for(i=0; i&lt;=$gallImages.length; i++){
    $(document.getElementById('galleryThumbs').getElementsByTagName('img')[i]).addClass('done').fadeIn('slow');

}});
</code></pre>

<p>This displays the images all at the same time on load:(</p>

<p>Also is there a better way to do element collection in jQuery I couldn't find anything about using the array needed  for the image tags</p>

<p>Any help on this would be appreciated, am hitting a mental block on this</p>
