How do I make fade transition 'crossfade'?
<p>I'm trying to get this to crossfade, but I'm not entirely sure how.</p>

<p>How can I make this jQuery method crossfade the images?</p>

<pre><code>$('a.thumb').click(function () {
    var src = $(this).attr('href');
    if (src != $('div#imageDisplay &gt; img').attr('src')) {
        $('div#imageDisplay &gt; img').stop().animate({ opacity: '0', duration: 500 }, function () {
            $(this).attr('src', src);
        }).load(function () {
            $(this).stop().animate({ opacity: '1', duration: 500 });
        });
    }
    return false;
});
</code></pre>
