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);
});
});
The code above works a treat, but had a quick play with making the image fadeIn with hover and fadeOut on mouseout - any ideas?
Thanks in advance!