alert('Oh shit !!!! Javascript is disabled!!!! ');


Blog Archive

How to Swap a Image using JavaScript

10:35 | Posted by Unknown |

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

Labels: