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]

Re: onMouseOver bug?

Josh wrote:[color=blue]
> 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
>[/color]

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]

Re: onMouseOver bug?

"Josh" <googlemyass@un dertone.com> wrote in message
news:1111285690 .646915.128990@ f14g2000cwb.goo glegroups.com.. .[color=blue]
> 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[/color]

Sorry, I don't see a reason.

The extracted source code is below.


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


function opacity(id, opacStart, opacEnd, millisec) {
//speed for each frame
var speed = Math.round(mill isec / 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("cha ngeOpac(" + i + ",'" + id + "')",(timer *
speed));
timer++;
}
} else if(opacStart < opacEnd) {
for(i = opacStart; i <= opacEnd; i++)
{
setTimeout("cha ngeOpac(" + i + ",'" + id + "')",(timer *
speed));
timer++;
}
}
}
//change the opacity for different browsers
function changeOpac(opac ity, id) {
var object = document.getEle mentById(id).st yle;
object.opacity = (opacity / 100);
object.MozOpaci ty = (opacity / 100);
object.KhtmlOpa city = (opacity / 100);
object.filter = "alpha(opacity= " + opacity + ")";
}

[Josh]

Re: onMouseOver bug?

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

Josh wrote:[color=blue]
> Go to this webpage:
>
> http://www.turntofall.com/
>
> In the upper right hand corner there is a graphic. Notice that it[/color]
fades[color=blue]
> in and out when you mouse over certain parts of the image (the top)[/color]
but[color=blue]
> not when you mouse over the bottom of the image. Why is this?
>
> Please respond to the group.
>
> Thanks,
>
> -JB[/color]