lilrini
10-08-2002, 10:08 PM
i have this image map and iwant to have the image change as i roll over a certin point. i've been trying to figure this out on my own, but i haven't been very sucsessful.
i have the image map stuff here.
<IMG SRC="image here " USEMAP="#name " BORDER=0>
<MAP NAME="name ">
<AREA SHAPE=POLY COORDS="poly coords here " HREF="Link here "LT="" TARGET="_self" OnMouseOut="window.status=''; return true" OnMouseOver="window.status='text here '; return true">
</MAP>
and i have the roll over stuff here
<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>
<!-- preload mouseover images -->
<SCRIPT TYPE="text/javascript">
<!--
setrollover("link here", "nickname here ");
//-->
</SCRIPT>
and this is the stuff for my image
<A
HREF="link here"
onMouseOver="rollover('nickname here')"
onMouseOut="rollout('nickname here')"
><IMG
SRC="link here"
NAME="nickname here"
BORDER=0
></A>
i'm pretty good at editing most java script, or so i thought, but this one confused the heck out of me, so if u could help me, please do.
and by the way while i'm here what browsers can access this code? is you dont know it is ok, i mainly wnat the above stuff, thanx!
~Lilrini
i have the image map stuff here.
<IMG SRC="image here " USEMAP="#name " BORDER=0>
<MAP NAME="name ">
<AREA SHAPE=POLY COORDS="poly coords here " HREF="Link here "LT="" TARGET="_self" OnMouseOut="window.status=''; return true" OnMouseOver="window.status='text here '; return true">
</MAP>
and i have the roll over stuff here
<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>
<!-- preload mouseover images -->
<SCRIPT TYPE="text/javascript">
<!--
setrollover("link here", "nickname here ");
//-->
</SCRIPT>
and this is the stuff for my image
<A
HREF="link here"
onMouseOver="rollover('nickname here')"
onMouseOut="rollout('nickname here')"
><IMG
SRC="link here"
NAME="nickname here"
BORDER=0
></A>
i'm pretty good at editing most java script, or so i thought, but this one confused the heck out of me, so if u could help me, please do.
and by the way while i'm here what browsers can access this code? is you dont know it is ok, i mainly wnat the above stuff, thanx!
~Lilrini