Javascript language

How to Swap a Image using JavaScript
Previous Home Next

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
Previous Home Next

Tolal:0 Click:

Show All Comments

Did not find what you were looking for leave your name and message. We will revert within 24 hours
Name:
eMail:
Comment / Feedback: