How can I add fade effect to this jQuery Image Swap Gallery
<p>I was wondering how can I add a fade effect when hovering using this example <a href="http://www.designchemical.com/lab/jquery/demo/jquery_demo_image_swap_gallery.htm" rel="nofollow">http://www.designchemical.com/lab/jquery/demo/jquery_demo_image_swap_gallery.htm</a> </p>

<p>I was wondering if its possible to achieve something like this www.bungie.net</p>

<p>Here's the code used in the example </p>

<pre><code>$(document).ready(function() {
    // Image swap on hover
    $("#gallery li img").hover(function(){
        $('#main-img').attr('src',$(this).attr('src').replace('thumb/', ''));
    });
    // Image preload
    var imgSwap = [];
     $("#gallery li img").each(function(){
        imgUrl = this.src.replace('thumb/', '');
        imgSwap.push(imgUrl);
    });
    $(imgSwap).preload();
});
$.fn.preload = function() {
    this.each(function(){
        $('&lt;img/&gt;')[0].src = this;
    });
}
</code></pre>
