• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 758
  • Last Modified:

onmouseover image is jittery or flickers

Hi everyone.

I am using the standard onmouseover / onmouseout  to show and display a <DIV>
that contains an image.

Problem is when the mouse is over the 'hotspot' the new image flickers on and off like crazy.

Here's more info.

This is two layers.

1) The bottom layer one is a large background image with 'hot spots'

2) upon hovering on of the image hot spots, as hidden <DIV> should appear
   (The <DIV> division contains the image)

Ever had this problem before?  - thanks

1 Solution
i would like to ask u is that..hmm,.is ur image animation or flash stuff or others blinking,... flickering image, because that will affect ur onmouseover, onmouseout,....

paygoAuthor Commented:
nope - just a simple image - no effects used

That happens when the onmouseover has the side effect of calling the onmouseout and vice versa.  It's quite common with popups.

When you mouseover the hot spot, a popup div is shown under the mouse.
Since the mouse is not considered to be over the hotspot anymore, the onmouseout is triggered.
The mouseout hides the div.
Now your mouse is considered to be over the hot spot again and the popup div is shown again.
And this keeps repeating.

The easiest solution is to pop your div in a location that does not overlap the hotspot.
The other solution is to pop your div under the mouse and use the onmouseout on the poped div instead of using it on the hotspot.

Featured Post

New feature and membership benefit!

New feature! Upgrade and increase expert visibility of your issues with Priority Questions.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now