Эта проблема возникает в IE6 и IE8 на двух компьютерах (IE6 использовал VMware), но не в IE7 на другом компьютере.Существует также проблема в Safari для ОЧЕНЬ больших изображений (Safari связан с этим, хотя меня это не особо беспокоит)
В основном, когда я анимирую прозрачность с помощью fadeTo () или animate ({"opacity" :)в больших изображениях (например, выше 400x400px) все анимированные гифки на странице временно останавливаются.(например, красные слева)
См .:
http://sky -walker.net / temp / housenav / fading3.html
100x640 и 640x100 не имеют проблемы, но изображение 400x400 (и 3000x3000) делает так, возможно, проблема основана на количестве пикселей в изображении.
В Firefox и Chrome анимация gif и исчезающее изображениеочень плавный, даже с изображением 3000x3000.
В Safari анимация GIF и исчезающее изображение анимируются с одинаковой скоростью с низкой частотой кадров (если веб-страница содержит изображение 3000x3000).Если на странице нет изображения высокого разрешения, изображение 400x400 плавно исчезает.(перейти к fading2.html)
В IE6 и IE 8 затухание очень плавное, но анимация gif заикается или останавливается.
$(document).ready(function(){
$("#fadeout1").click(function(event) {
$("#pic1").fadeTo(2000, 0.2);
});
$("#fadein1").click(function(event) {
$("#pic1").fadeTo(2000, 1.0);
});
});
<img src="the-animated-icon.gif" />
<a href="#" id="fadeout1">Fade Out</a> | <a href="#" id="fadein1">Fade In</a> <img src="the-pic-to-fade.jpg" id="pic1" />
См. исходный код ссылокдля более подробной информации, такой как точные названия изображений.
РЕДАКТИРОВАТЬ: Хотя предыдущая ссылка работает на другом компьютере IE без проблем, моя оригинальная веб-страница не: http://sky -walker.net / temp / housenav2 / roomsnav2old.php При наведении курсора на квадратные значки анимированный GIF останавливается.