onMouseOver bug?

Discussion in 'Javascript' started by Josh, Mar 20, 2005.

  1. Josh

    Josh Guest

    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
     
    Josh, Mar 20, 2005
    #1
    1. Advertising

  2. Josh

    R.Lange Guest

    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
     
    R.Lange, Mar 20, 2005
    #2
    1. Advertising

  3. Josh

    McKirahan Guest

    "Josh" <> wrote in message
    news:...
    > 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 + ")";
    }
     
    McKirahan, Mar 20, 2005
    #3
  4. Josh

    Josh Guest

    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
     
    Josh, Mar 20, 2005
    #4
    1. Advertising

Want to reply to this thread or ask your own question?

It takes just 2 minutes to sign up (and it's free!). Just click the sign up button to choose a username and then you can ask your own questions on the forum.
Similar Threads
  1. Tor Inge Rislaa
    Replies:
    3
    Views:
    16,179
    Jerry III
    Aug 6, 2003
  2. Jay
    Replies:
    2
    Views:
    41,880
    Alex Papadimoulis
    Sep 30, 2003
  3. Frances Valdes

    Onmouseover

    Frances Valdes, Mar 2, 2004, in forum: ASP .Net
    Replies:
    7
    Views:
    804
    Frances Valdes
    Mar 3, 2004
  4. Jeroni Paul

    onmouseover/out: bug in IE6 ?

    Jeroni Paul, Sep 9, 2003, in forum: Javascript
    Replies:
    0
    Views:
    110
    Jeroni Paul
    Sep 9, 2003
  5. Patrice
    Replies:
    2
    Views:
    194
    Patrice
    Oct 6, 2003
Loading...

Share This Page