title: jQuery image hover with swap and fade
body: <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>