Change the image source on rollover using jQuery

Question

I have a few images and their rollover images. Using jQuery, I want to show/hide the rollover image when the onmousemove/onmouseout event happen. All my image names follow t

Answer 1

I was hoping for an über one liner like:

$("img.screenshot").attr("src", $(this).replace("foo", "bar"));