From htmlgoodies
Cat pictures: "Nora" and "Sam" by Roger Peet
<!-- Goes in <HEAD> --> <SCRIPT LANGUAGE="JavaScript"> //This script changes the graphic on mouse over and a graphic in //another part of the screen { alt0 = new Image(); alt0.src = "images/blue.gif"; alt1 = new Image(); alt1.src = "images/kitty.jpg"; alt2 = new Image(); alt2.src = "images/cat.jpg"; graphic1= new Image(); graphic1.src = "images/button1on.gif"; graphic1on = new Image(); graphic1on.src = "images/button1off.gif"; graphic2= new Image(); graphic2.src = "images/button2on.gif"; graphic2on = new Image(); graphic2on.src = "images/button2off.gif"; } function imageChange(imageID,imageName,imageID2,imageName2) { { document.images[imageID].src = eval(imageName + ".src"); document.images[imageID2].src = eval(imageName2 + ".src"); } } </script> <!-- In <BODY> --> <TABLE border="0"> <TR> <TD> <A HREF="javascript:void(0);" ONMOUSEOVER="imageChange('global','alt1','one','graphic1on')" ONMOUSEOUT="imageChange('global','alt0','one','graphic1')"> <IMG SRC="images/button1on.gif" BORDER="0" NAME="one"></A></td> <TD rowspan=2><IMG SRC="images/blue.gif" WIDTH="130" HEIGHT="130" NAME="global" ></TD> <tr> <td> <A HREF="javascript:void(0);" ONMOUSEOVER="imageChange('global','alt2','two','graphic2on')" ONMOUSEOUT="imageChange('global','alt0','two','graphic2')"> <IMG SRC="images/button2on.gif" BORDER="0" NAME="two"></A> </TD> </TR> </TABLE>
