Using jQuery to make a group of images appear in order
<p>I have a page that shows a bunch of thumbnails (around 30), and the client is wanting them to appear one by one, in order, going from left to right on the page. This is what I've tried:</p>

<pre><code>var start_opacity = 500;
$j('.grid-photo').each(function(i) {
    start_opacity = start_opacity + 500;            

    setTimeout(function() {
        $j(i).animate({opacity: 1}, 4000);
    }, start_opacity);  
});
</code></pre>

<p>It doesn't seem to know what i is referencing. Any thoughts?</p>
