mamaentre
05-14-2001, 01:39 PM
I have a mouseover script that I aquired here:
http://www.crosswinds.net/~zooathome/Tutorials/JavaScript/mouseover.html
I can get the images plugged in and working for 1 mouse over.
I cannot make it work for 2.
I have 2 sets if images.
"s1.gif" and its overimage "s1hover.gif"
"s2.gif" and its overimage "s2hover.gif"
Here is the code (disregard the quotations before the opening and closing tags):
"<head>
<SCRIPT language=JavaScript>
<!--
overImage1=new Image(111, 37); outImage1=new Image(111, 37);
overImage1.src="images/s1hover.gif"; outImage1.src="images/s1.gif";
overImage2=new Image(111, 37); outImage2=new Image(111, 37);
overImage2.src="images/s2hover.gif"; outImage2.src="images/s2.gif"
//-->
</SCRIPT>
</head>"
"<body>
<a href="step1.html" onmouseover="image1.src=images/s1hover.gif" onmouseout="image1.src=images/s1.gif">
<img name="image1"src="images/s1.gif" width=111 height=37 border=0></a>
<a href="step2.html" onmouseover="image2.src=images/s2hover.gif" onmouseout="image2.src=images/s2.gif">
<img name="image2"src="images/s2.gif" width=111 height=37 border=0></a>
</body>"
http://www.crosswinds.net/~zooathome/Tutorials/JavaScript/mouseover.html
I can get the images plugged in and working for 1 mouse over.
I cannot make it work for 2.
I have 2 sets if images.
"s1.gif" and its overimage "s1hover.gif"
"s2.gif" and its overimage "s2hover.gif"
Here is the code (disregard the quotations before the opening and closing tags):
"<head>
<SCRIPT language=JavaScript>
<!--
overImage1=new Image(111, 37); outImage1=new Image(111, 37);
overImage1.src="images/s1hover.gif"; outImage1.src="images/s1.gif";
overImage2=new Image(111, 37); outImage2=new Image(111, 37);
overImage2.src="images/s2hover.gif"; outImage2.src="images/s2.gif"
//-->
</SCRIPT>
</head>"
"<body>
<a href="step1.html" onmouseover="image1.src=images/s1hover.gif" onmouseout="image1.src=images/s1.gif">
<img name="image1"src="images/s1.gif" width=111 height=37 border=0></a>
<a href="step2.html" onmouseover="image2.src=images/s2hover.gif" onmouseout="image2.src=images/s2.gif">
<img name="image2"src="images/s2.gif" width=111 height=37 border=0></a>
</body>"