Example 7 : Changing images with MouseOver and MouseOut events
<SCRIPT LANGUAGE = “JavaScript”>
<!–
function new_img(no){
document.images[no].src=”new”+no+”.jpg”;
}
function org_img(no){
document.images[no].src=”org”+no+”.jpg”;
}
–>
</SCRIPT>
<BODY>
<IMG SRC=”org0.jpg” onMouseOver=”new_img(0)” onMouseOut=”org_img(0)”>
<IMG SRC=”org1.jpg” onMouseOver=”new_img(1)” onMouseOut=”org_img(1)”>
<IMG SRC=”org2.jpg” onMouseOver=”new_img(2)” onMouseOut=”org_img(2)”>
</BODY>
Alternatively in case you want to change an image when clicked on it use the following script
<SCRIPT LANGUAGE = “JavaScript”>
<!–
function change_img(index){
document.images[index].src = “N.jpg”;
}
–>
</SCRIPT>
<BODY>
<A HREF=”JavaScript: change_img(0)”><IMG SRC=”I.jpg”></A>
</BODY>
