First Defeat

kvarnerexpress

Apr 10 2005, 07:37 PM

I have 3 images that change to short animated gif's onmouseover and into a second animated gif onmouseout...

This works fine in ie but in firefox all the three images change to the "out animation" onmouseout

Code:

CODE

if (document.images) {
a2alpha = new Image();
alpha2a = new Image();
a2alpha.src = "graphics/a2alpha.gif";
alpha2a.src = "graphics/alpha2a.gif";
}
else {
a2alpha.src = "";
alpha2a.src = "";
}
function animate(arrow) {
document.getElementById('arrow' + arrow).src = a2alpha.src;
}
function deanimate(arrow) {
document.getElementById('arrow' + arrow).src = alpha2a.src;
}

....

<img src="graphics/arrow.gif" class="arrow" id="arrow1" style="top: 201px;">
<img src="graphics/spacer.gif" class="boverlay" style="top: 190px;" onmouseover="active('1'); animate('1');" onmouseout="deactive('1'); deanimate('1');">
<img src="graphics/arrow.gif" class="arrow" id="arrow2" style="top: 273px;">
<img src="graphics/spacer.gif" class="boverlay" style="top: 262px;" onmouseover="active('2'); animate('2');" onmouseout="deactive('2'); deanimate('2');">
<img src="graphics/arrow.gif" class="arrow" id="arrow3" style="top: 345px;">
<img src="graphics/spacer.gif" class="boverlay" style="top: 334px;" onmouseover="active('3'); animate('3');" onmouseout="deactive('3'); deanimate('3');">

I have noticed that, in firefox, it works fine the first time the function is called and the second time it then changes both the new "arrow" and the old one.

Is this a common firefox problem that i have missed?

All help is appreciated

Kvarnerexpress

All code goes in the [code] BBCode tags. Thank you.

snlildude87

Apr 10 2005, 08:31 PM

Hmm, in Firefox, go to Tools -> Options... -> Web Features -> make sure the JavaScript checkbox is checked -> Advanced ... -> make sure Change Images at the bottom is checked.

If that doesn't work, try reading my post about rollover images, and see if you can try to incorporate it into your page.

Feel free to PM me or post a reply if it doesn't work out!