By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
455,770 Members | 1,180 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 455,770 IT Pros & Developers. It's quick & easy.

onMouseOver bug?

P: n/a
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

Jul 23 '05 #1
Share this Question
Share on Google+
3 Replies


P: n/a
Josh wrote:
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
Jul 23 '05 #2

P: n/a
"Josh" <go*********@undertone.com> wrote in message
news:11**********************@f14g2000cwb.googlegr oups.com...
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 + ")";
}

Jul 23 '05 #3

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

Josh wrote:
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


Jul 23 '05 #4

This discussion thread is closed

Replies have been disabled for this discussion.