Fade in images staggered with jQuery
<p>I have a gallery page with many images that I would like to load one by one, or at least give the illusion that each one is fading in one by one.</p>

<p>I've come up with this:</p>

<pre><code> $(".fadeInImage").hide();

var counter = 0;
$(".fadeInImage").each(function() {
    counter = counter + 50;
    fade_in(this,counter);

});
function fade_in(obj,counter)
{
    $(obj).bind("load", function () { $(this).delay(counter).fadeIn(); });  
}
</code></pre>

<p>This works lovely, and also just loads the images normally if there is no js. But, my question is, as I'm not that expert with jQuery, is there any problems you can foresee? Is there a better way to do this?</p>

<p>Thanks in advance!</p>
