Изменение изображения Javascript вызывает мерцание встроенных пользовательских элементов управления

Question

У меня есть HTML страница отображается в IE. Он имеет несколько кнопок, состоящих из изображений с событиями mouseover / mouseout на них в JavaScript, и набор встроенных .Net UserControls.

Когда запускаются события mouseover / mouseout, я меняю src изображений на что-то другое (простой эффект ролловера). Проблема в том, что пользовательские элементы управления часто (но не всегда) мерцают, когда это происходит.

Для ясности, изображения не мерцают, а остальная часть страницы не мерцает, только встроенные элементы управления. Эта страница является локальной, не поступающей с сервера или чего-либо еще.

Итак, есть идеи?

Дополнительная информация: я заметил, что выделение текста делает это тоже ...

Answer 1

Если вы предварительно не загрузили изображения, вы можете увидеть такую ​​проблему.

Чтобы предварительно загрузить изображения, просто добавьте специальный div с нужными URL.

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

В вашем css:

#preload { display:none; }

Вот и все!