HTML Rollover Question?

W

walter james g

New member
Any help with this would be greatly appreciated. I am trying to get this rollover to work and there is something wrong with the code below.All the picture files are in the same folder.Basically there is a tree that has been mapped and when you rollover the various links with a mouse the picture changes to circle the links in red.It isn't working out that way though when ran? Any ideas? Perhaps it is something obvious in the HTML that I am overlooking or something like that? I appreciate any input and thank you.-

<html>
<head>
<title>Rollovers</title>
<SCRIPT TYPE="text/javascript">
<!--
var rollOverArr=new Array();
function setrollover(OverImgSrc,pageImageName)
{
if (! document.images)return;
if (pageImageName == null)
pageImageName = document.images[document.images.length-1].name;
rollOverArr[pageImageName]=new Object;
rollOverArr[pageImageName].overImg = new Image;
rollOverArr[pageImageName].overImg.src=OverImgSrc;
}

function rollover(pageImageName)
{
if (! document.images)return;
if (! rollOverArr[pageImageName])return;
if (! rollOverArr[pageImageName].outImg)
{
rollOverArr[pageImageName].outImg = new Image;
rollOverArr[pageImageName].outImg.src = document.images[pageImageName].src;
}
document.images[pageImageName].src=rollOverArr[pageImageName].overImg.src;
}

function rollout(pageImageName)
{
if (! document.images)return;
if (! rollOverArr[pageImageName])return;
document.images[pageImageName].src=rollOverArr[pageImageName].outImg.src;
}
//-->
</SCRIPT>

</head>
<body>
<img src="scare.png" width="600" height="450" border="0" usemap="#Map" r1">
<map name="Map" name="Rollover1">
<area shape="rect" coords="43,105,139,149" href="http://www.rlc.edu" target="_blank"
onMouseOver = "rollover('Rollover1')"
onMouseOut = "rollout('Rollover1')">
<script type="text/javascript">
<!--
setrollover1("scare_nightmareovr.PNG");
//-->
</script>

<area shape="rect" coords="63,241,159,295" href="http://www.rlc.edu" target="_blank"
onMouseOver = "rollover('Rollover2')"
onMouseOut = "rollout('Rollover2')">
<script type="text/javascript">
<!--
setrollover("scare_movieovr.PNG");
//-->
</script>
</map>
<area shape="rect" coords="187,362,292,399" href="http://www.rlc.edu" target="_blank"
onMouseOver = "rollover('Rollover3')"
onMouseOut = "rollout('Rollover3')">
<script type="text/javascript">
<!--
setrollover("scare_contactovr.PNG");
//-->
</script>
</map>

</body>
</html>
 
Back
Top