[jQuery] Using hover to swap before and after images
I am using:
<script type="text/javascript">
$(function() {
$("#myImage").hover(function() {
$(this).attr("src", "images/retouch1.jpg")
});
});
</script>
with:
<body>
...
<img id="myImage" src="images/original.jpg">
...
</body>
The image is replaced permanently when the mouse hovers over the
image. What do I need to add to the script to revert back to the
original image when the mouse is no longer hovering over the image?
Jim