jQuery image hover with swap and fade
<pre><code>jQuery(document).ready(function(){
   // Change the image of hoverable images
   jQuery("#image-map")
        .mouseover(function() { 
            var src = jQuery(this).attr("src").replace(".gif", "_close.gif");
            jQuery(this).attr("src", src);
        })
        .mouseout(function() {
            var src = jQuery(this).attr("src").replace("_close.gif", ".gif");
            jQuery(this).attr("src", src);
        });
});
</code></pre>

<p>The code above works a treat, but had a quick play with making the image fadeIn with hover and fadeOut on mouseout - any ideas?</p>

<p>Thanks in advance!</p>
