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 the same pattern, like this:
Original Image:
Image.gifRollover Image:
Imageover.gif
I want to insert and remove the “over” portion of image source in the onmouseover and onmouseout event, respectively.
How can I do it using jQuery?