onMouseOver bug?

[Josh]

Go to this webpage:

http://www.turntofall.com/

In the upper right hand corner there is a graphic. Notice that it fades
in and out when you mouse over certain parts of the image (the top) but
not when you mouse over the bottom of the image. Why is this?

Please respond to the group.

Thanks,

-JB

 

[R.Lange]

Go to this webpage:

http://www.turntofall.com/

In the upper right hand corner there is a graphic. Notice that it fades
in and out when you mouse over certain parts of the image (the top) but
not when you mouse over the bottom of the image. Why is this?

Please respond to the group.

Thanks,

-JB

Hmmm... I don't experience that problem in Firefox 1.0.1, although it
only fades out. When I move the mouse away it stays transparent. If I
mouse over it again, it immediately becomes visible and just fades out
again, regardless of where I mouse over the image.

I don't experience either problem in IE6.

Absolutely nothing happens in Opera 7.51.

-Ryan

 

[McKirahan]

Go to this webpage:

http://www.turntofall.com/

In the upper right hand corner there is a graphic. Notice that it fades
in and out when you mouse over certain parts of the image (the top) but
not when you mouse over the bottom of the image. Why is this?

Please respond to the group.

Thanks,

-JB

Sorry, I don't see a reason.

The extracted source code is below.


<img align="right"
src="images/turntofall/death.gif"
onMouseover="opacity('death', 100, 0, 500)"
onMouseout="opacity('death', 0, 100, 500)"
id="death">


function opacity(id, opacStart, opacEnd, millisec) {
//speed for each frame
var speed = Math.round(millisec / 100);
var timer = 0;

//determine the direction for the blending, if start and end are the
same nothing happens
if(opacStart > opacEnd) {
for(i = opacStart; i >= opacEnd; i--) {
setTimeout("changeOpac(" + i + ",'" + id + "')",(timer *
speed));
timer++;
}
} else if(opacStart < opacEnd) {
for(i = opacStart; i <= opacEnd; i++)
{
setTimeout("changeOpac(" + i + ",'" + id + "')",(timer *
speed));
timer++;
}
}
}
//change the opacity for different browsers
function changeOpac(opacity, id) {
var object = document.getElementById(id).style;
object.opacity = (opacity / 100);
object.MozOpacity = (opacity / 100);
object.KhtmlOpacity = (opacity / 100);
object.filter = "alpha(opacity=" + opacity + ")";
}

 

[Josh]

OK... extremely spooky development. I put the JS code in an include
file and now it works perfectly. /-|