1 <HTML> 2 <HEAD> 3 <TITLE>JavaScript Example: Images</TITLE> 4 5 <SCRIPT LANGUAGE="JavaScript"> 6 <!-- hide script from old browsers 7 8 var imageNum = 0; 9 10 // Preload images: 11 image0 = new Image(); 12 image0.src = "../../../images/uparrow.gif"; 13 image1 = new Image(); 14 image1.src = "../../../images/rightarrow.gif"; 15 image2 = new Image(); 16 image2.src = "../../../images/downarrow.gif"; 17 image3 = new Image(); 18 image3.src = "../../../images/leftarrow.gif"; 19 20 function nextImage() { 21 if ( imageNum == 0 ) { 22 document.myImage.src = image1.src; 23 } else if ( imageNum == 1 ) { 24 document.myImage.src = image2.src; 25 } else if ( imageNum == 2 ) { 26 document.myImage.src = image3.src; 27 } else { 28 document.myImage.src = image0.src; 29 } 30 imageNum = ( imageNum + 1 ) % 4; 31 } 32 33 // end script hiding --> 34 </SCRIPT> 35 36 </HEAD> 37 38 <BODY BGCOLOR="#ffffff"> 39 40 <CENTER> 41 42 <IMG NAME="myImage" SRC="../../../images/uparrow.gif"> 43 44 <FORM> 45 <INPUT TYPE="button" VALUE="Next Image" 46 onClick="nextImage()"> 47 </FORM> 48 49 </CENTER> 50 51 </BODY> 52 </HTML>