Uncle Jim's Web Designs
Change Image with Link Hover
This script will change images on the page when links are hovered over.
pic 1
pic 2
pic 3
SCRIPT INSTALLATION
COPY
-
Insert Between Head Tags: <HEAD></HEAD>
<script language="JavaScript" type="text/JavaScript"> function showT(q){ document.getElementById('ima').setAttribute('src','0'+q+'.jpg') } </script>
COPY
-
Insert Inside Body: <BODY></BODY>
<table width="500" border="0"> <tr> <td width="20%"><a href="#" onmouseover="showT(0)">pic 1<br> <br> </a><a href="#" onmouseover="showT(1)">pic 2<br> <br> </a><a href="#" onmouseover="showT(2)">pic 3</a></td> <td><img id="ima" src="00.jpg" width="100" height="100"></td> </tr> </table>
Close This Window
