I'm having a bit of trouble with this script. I'm wondering if someone might
help me. What I'm trying to do is to have a multiple image rollover whereby
onmouseover, the image's source will cycle through a few pics and stop. I
got this part to work fine--it's the onmouseout part that I'm having some
difficulties with. I would like everything to be included within one
function, instead of two (one for mouseover and one for mouseout). Here is
what I have:
----------------------------------------------------------------------------
--------------------
<html>
<head>
<title>Untitl ed Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
function
KP_multi_img_ro llover(subject, navimg1,navimg2 ,navimg3,navimg 4,navimg5) {
var thesubject = document.getEle mentById(subjec t);
var theimgs = new Array(navimg1,n avimg2,navimg3, navimg4,navimg5 );
var i = 0;
var cycle = setInterval(cyc ler,300);
thesubject.onmo useout = clearInterval(c ycle); setInterval(bac kcycler,300);
function cycler() {
if (i < theimgs.length-1) {
i = i + 1;
thesubject.src = theimgs[i];
}
else {
clearInterval(c ycle);
}
}
function backcycler() {
if (i > 0) {
i = i - 1;
thesubject.src = theimgs[i];
}
else {
clearInterval(b ackcycler);
}
}
}
</script>
</head>
<body>
<img id="item1" src="TH_basemen t-entrance.jpg" width="118" height="90"
onMouseOver="KP _multi_img_roll over('item1','n avpic1.jpg','na vpic2.jpg','nav p
ic3.jpg','navpi c4.jpg','navpic 5.jpg');">
</body>
</html>
----------------------------------------------------------------------------
--------------------
Now, I realize the problem is with the "thesubject.onm ouseout =
clearInterval(c ycle); setInterval(bac kcycler,300);" statement, but I can't
figure out why it isn't working. I thought you could use event handlers as
object properties? Help would be appreciated--thanks.
