Flicker with onmouseover and onmouseout

[WolfKC]

I know I could actually swap the images and get the flicker to stop. What I'm wondering is WHY this flickers and if there's some relativly easy way to stop the flicker without making new images.
Here's the site: Images flicker on mouse over (http://www.chipman.org/starhoax/phil_who.htm)
I'm just using a little inline code like this:
<div id="DIVP1" style="position:absolute; left:109px; top:50px; z-index=2; width:115px; height: 227px;" onMouseOver="DIVP1.style.visibility= 'hidden'" onMouseout="DIVP1.style.visibility='visible'"> <img src="Phil_who2.jpg" name='P1' width="115" height="227" border="0" id='P1' galleryimg='no'> </div>
I've tried breaking out into funcitons, but that does the same thing :(
It seems like it's calling onmouseover and onmouseout on every other pixel or minium mouse movement.

[xataku_nakusute]

i once had similar problems with a menu of mine containing a fade rollover effect and it kept on flickering onmouseover due to my images...however i bypassed the flickering by taking my onMouseOver function and addding it onMouseMove as well...

i hope it helps

[clevershark]

I had this very same problem until I rummaged through another site and found that you could give focus to a div.

So to display the menu and have it not flicker, you would do something like this:

menu.style.display = "block";
menu.focus();

and the flickering should end. Hopefully this will be of help.

[WolfKC]

Thanks I'll give that a try