title: jQuery image preload doesnt work first time in FireFox
body: <p>I just finished putting together a simple jQuery gallery with some fading transitions as seen <a href="http://thechristopherstewart.com/gallery/gallery.html" rel="noreferrer">here</a>. Everything works fine in all browsers - except that the "image preloading" doesn't work on the first load in FireFox (works in all other browsers). The images stay at 0% opacity in firefox. Not sure why.</p>
  
  <p>Here is the preload code.</p>
  
  <pre><code>$(document).ready(function(){
      //--------PRELOAD LOAD IMAGES--------\\
      $('img').load(function() {
          //once image has loaded fade in image
          $(this).animate({opacity : 1.0}, 1000);
  
          //kill padding on last thumbnail of each line
          $('#headshots img').eq(3).css({'padding-right' : '0'});
          $('#ports img').eq(3).css({'padding-right' : '0'});
          $('#ports img').eq(7).css({'padding-right' : '0'});
      });
  });
  </code></pre>
  
  <p>Thanks in advance for any help.</p>