title: Jquery display images one after another
body: <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>