Your Ad Here

advanced code snippet search

Posted By

fugue on 12/29/06


Tagged


Versions (?)

Who likes this?

1 person have marked this snippet as a favorite

vali29


Rollover images

 / Published in: JavaScript
 
Expand | Embed | Plain Text 
  1. <script language="JavaScript">
  2.  
  3.     if (document.images) {
  4.         pic1on = new Image();
  5.         pic1on.src = "images/pic1on.gif";
  6.         pic2on = new Image();
  7.         pic2on.src = "images/pic2on.gif";
  8.         pic3on = new Image();
  9.         pic3on.src = "images/pic3on.gif";
  10.         pic1off = new Image();
  11.         pic1off.src = "images/pic1off.gif";
  12.         pic2off = new Image();
  13.         pic2off.src = "images/pic2off.gif";
  14.         pic3off = new Image();
  15.         pic3off.src = "images/pic3off.gif";
  16.     } else {
  17.         alert("Sorry, your browser does not support image rollovers. This feature will be turned off.");
  18.     }             
  19.  
  20.     function img_act(imgName) {
  21.         if (document.images) {
  22.             imgOn = eval(imgName + "on.src");
  23.             document [imgName].src = imgOn;
  24.         }
  25.     }
  26.  
  27.     function img_inact(imgName) {
  28.         if (document.images) {
  29.             imgOff = eval(imgName + "off.src");
  30.             document [imgName].src = imgOff;
  31.         }
  32.     }
  33.  
  34. </script>
  35.  
  36.  
  37.  
  38.  
  39. <BODY>:
  40.  
  41.  
  42. <P><A HREF="link1" onMouseover="img_act('pic1')" onMouseout="img_inact('pic1')"><IMG BORDER="0" NAME="pic1" SRC="images/pic1off.gif"></A></P>
  43. <P><A HREF="link2" onMouseover="img_act('pic2')" onMouseout="img_inact('pic2')"><IMG BORDER="0" NAME="pic2" SRC="images/pic2off.gif"></A></P>
  44. <P><A HREF="link3" onMouseover="img_act('pic3')" onMouseout="img_inact('pic3')"><IMG BORDER="0" NAME="pic3" SRC="images/pic3off.gif"></A></P>

Report this snippet  

You need to login to post a comment.