Le changement d'image Javascript provoque le scintillement des UserControls incorporés

Question

J'ai une page n html affichée dans IE. Il a quelques boutons constitués d'images avec des événements mouseover/mouseout sur eux en JavaScript, et un tas de UserControls .Net intégrés.

Lorsque les événements mouseover/mouseout se déclenchent, je change les images src en quelque chose d'autre (effet de survol simple). Le problème est que les UserControls clignotent souvent (mais pas toujours) lorsque cela se produit. Pour être clair, les images ne clignotent pas, et le reste de la page ne scintille pas, juste les commandes intégrées. Cette page est locale, ne provenant pas d'un serveur ou de quoi que ce soit.

Alors, des idées?

Plus d'informations: J'ai remarqué que surligner le texte fait aussi ...

Answer 1

Si vous ne l'avez pas précharger les images, vous pouvez voir ce genre de problème.

Pour précharger les images, il suffit d'ajouter une div spéciale avec les URL souhaitées.

<div id="preload"> 
    <img src="/path/to/my/image.png" alt=""> 
    <img src="/img2.gif" alt=""> 
</div> 

Dans votre css:

#preload { display:none; } 

Ca y est!