John Pollock — Tue, 07 Dec 1999 20:16:00 +0000

I think this will work. Just change the image urls in the script, and to add images use img3, img4, and so on where the img1 and img2 shows up in the script here. Change the image width and height values to match yours as well.

<SCRIPT language="JavaScript">
<!--
if (document.images)
{
img1on= new Image(100,25);
img1on.src="../images/shoes2.gif";

img1off= new Image(100,25);
img1off.src="../images/shoes1.gif";

img2on= new Image(100,25);
img2on.src="../images/shoes2.gif";

img2off= new Image(100,25);
img2off.src="../images/shoes1.gif";

}

function lightup(imgName)
{
if (document.images)
{
getit=imgName;
imgOn=eval(imgName + "on.src");
document.pic1.src= imgOn;
}
}

function flashout(imgName)
{
imgOff=eval(imgName + "off.src");
document.pic1.src= imgOff;
}
//-->
</SCRIPT>

</HEAD>
<BODY>

</BODY>
</HTML>

------------------
John Pollock
http://www.pageresource.com
http://www.javascriptcity.com

John Pollock — Fri, 03 Dec 1999 04:45:00 +0000

I'm not sure exactly what you are getting at, but the rollover for different image tutorial might help a little:

http://www.pageresource.com/jscript/jhover1.htm

Hope this helps.