Hide "loader" div when first image in stack loads?
<p>I'm using a div that covers the page content until the first image in a set for a slideshow loads.  The code I'm using to hide this div is as follows, but it's not working:</p>

<pre><code>$(function() {
  $('.slide').first(function() {
    $(this).load(function() {
      $('#loader').fadeOut('slow');
    });
  });
});
</code></pre>

<p>Any idea why?  The "loader" div doesn't hide even after the entire page loads.  I have had some success running $('#loader').fadeOut('slow'); on (window).load().</p>
