Tuesday 20 September 2011

Automatically images changes through javascript

 <!-- STEP ONE: Put this code into the HEAD of your HTML document  -->
 <head>
<script language="JavaScript">
function movepic(img_name,img_src) {
document[img_name].src=img_src;
}

</script>
</head>




<!-- STEP TWO: Put this code into the BODY of your HTML document  -->

<BODY>

<!-- Be sure to give each image a name! (<img name="button">)
     Include that name in the onmouseover/onmouseout tags! -->

<CENTER>
<A HREF="http://javascript.internet.com"
onmouseover="movepic('button','pic-off.gif')"
onmouseout="movepic('button','pic-on.gif')">
<IMG NAME="button" SRC="pic-off.gif" ALT="Image"></A>
</CENTER>

<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>

<!-- Script Size:  1.17 KB  -->

No comments:

Post a Comment