CSPP552: Web Programming, JavaScript part 12

Image Rollover Example (contd)

• Start out with the image creation in the header:

  <SCRIPT LANGUAGE="JavaScript">
  <!-- Image setup stuff
  
  if (document.images) {
   var Image1active, Image1inactive;
   var Image2active, Image2inactive;
   Image1active = new Image(100,100);
   Image1active.src = "active.gif";
  
   Image1inactive = new Image(100,100);
   Image1inactive.src = "inactive.png";
  
  }
  

• then define the event handler functions and finish the javascript:

  function image_on(img) {
     if (document.images) {
         document.images[img].src = Image1active.src;
     }
  }
  function image_off(img) {
     if (document.images) {
         document.images[img].src = Image1inactive.src;
     }
  }
  
  // script ends here -->