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>