How to Swap a Image using JavaScript
Step 1. Written below code in your application.
<html xmlns="http://www.w3.org/1999/xhtml">
<script language="javascript">
if (
document.images) {
smile = new Image
happy = new Image
smile.src = "http://images.zaazu.com/img/happy-roll-
happy-animation-animated-smiley-emoticon-000359-large.gif"
happy.src = "http:
//www.animationbuddy.com/Animation/Nature/Sun/Sun_happy.gif"
}
function imageSwap(thisImage,newImage) {
if (
document.images) {
document
[thisImage].src = eval(newImage + ".src")
}
}
</script>
<a href="http://www.r4r.co.in/"
onMouseOver="imageSwap('aditya','happy')"
onMouseOut="imageSwap('aditya','smile')">
<img src="http://images.zaazu.com/img/happy-roll-happy-animation
-animated-smiley-emoticon-000359-large.gif"
width="150"
height="150"
border="0"
alt="Picture of Jack"
name="aditya">
</a>
</script>
</html>
Step 2. Run the Application. Click on Button.
OnMouseOut
OnMouseOver
