You are here: irt.org | FAQ | DHTML | Q982 [ previous next ]
Try the following:
<script language="JavaScript"><!-- function on() { if (document.layers) { window.document.layers['myLayer1'].document.images['myImage1'].src = 'imageon.jpg'; window.document.layers['myLayer2'].document.images['myImage2'].src = 'imageon.jpg'; } } function off() { if (document.layers) { window.document.layers['myLayer1'].document.images['myImage1'].src = 'imageoff.jpg'; window.document.layers['myLayer2'].document.images['myImage2'].src = 'imageoff.jpg'; } } //--></script> <div id="myLayer1" style="position:absolute; left:100; top:50;"> <a href="nextpage.htm" onMouseOver="window.on()" onMouseOut="window.off()"><img src="imageoff.jpg" name="myImage1" width="40" height="40"></a> </div> <div id="myLayer2" style="position:absolute; left:50; top:100;"> <a href="nextpage.htm" onMouseOver="window.on()" onMouseOut="window.off()"><img src="imageoff.jpg" name="myImage2" width="40" height="40"></a> </div>