How can I add fade effect to this jQuery Image Swap Gallery

[pattiedy]

I was wondering how can I add a fade effect when hovering using this example http://www.designchemical.com/lab/jquery/demo/jquery_demo_image_swap_gallery.htm I was wondering if its possible to achieve something like this www.bungie.netHere's the code used in the example \[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(){ $('<img/>')[0].src = http://stackoverflow.com/questions/15714471/this; });}\[/code\]