Перезагрузите анимированный GIF из JavaScript без перезагрузки изображенияJquery

Программирование на jquery
Anonymous
Перезагрузите анимированный GIF из JavaScript без перезагрузки изображения

Сообщение Anonymous »

Я создаю слайд -шоу анимации, используя анимированные GIF -файлы. Я пересекаю от одной анимации к другой. Проблема в том, что единственный способ, которым я обнаружил, чтобы убедиться, что GIF начинает анимировать с первого кадра, - это перезагрузить его каждый раз, когда он показывается. GIFS составляет 200 КБ или около того, что слишком большая пропускная способность для непрерывного слайд -шоу. < /P>

Вот мой текущий код. Img и nextimg - это теги, содержащие один каждый. NextImg_img - тег , соответствующий отображению следующего изображения.

var tmp = nextimg_img.attr('src');
nextimg_img.attr('src', '');
setTimeout(function() { nextimg_img.attr('src', tmp); }, 0);
img.fadeOut('slow');
nextimg.fadeIn('slow');
< /code>

Идея заключается в том, что она устанавливает атрибут src < /code> следующего изображения на '' < /code>, а затем устанавливает его обратно на источник GIF, который будет отображаться. /> РЕДАКТИРОВАТЬ: Это петляное слайд -шоу, и я стараюсь избегать перезагрузки GIF из сети, когда им показывают второе/третье/последующее время.

Подробнее здесь: https://stackoverflow.com/questions/319 ... -the-image

Вернуться в «Jquery»