Search code examples
javascripthtmlimagemouseeventrollover

Trigger onMouseOver when mouse pointer already is over after page load

I have several pages that are all very similar. They have some javascript rollover links (images are preloaded, then there is a onMouseOver event that calls an image swap function and finally, there is a onMouseOut event that restores the original image).

When the user clicks on a rollover link that points to another page that has a rollover link on the exact same position, the image on the new page would be expected to load on the "over" state. This is not the case in Chrome and Safari (IE and Firefox work as expected).

So... On page load, is there a way to check if the mouse is already hovering the image to swap it right away? Something like "OnMouseAlreadyOver"?

Thank you.

Solution

  • If you using jQuery, it works without any problems!

    http://jsfiddle.net/beuae

    (not only for buttons, for divs also)

    Actually, jQuery is a very good framework which assures everything goes as you expect, and cross-browser. This example confirms it.