Проблема с gif-анимацией

Eka_ · №1

Здравствуйте!

Есть несколько gif-анимированных картинок, которые динамически подгружаются соответственно действиям пользователя. Свойство повтора для картинок указано однократным. Проблема заключается в том, что когда картинка подгружается повторно, ее анимация не воспроизводится, а выставляется сразу конечный кадр. В IE анимация проигрывается каждый раз при смене картинки, как и требуется.

Пыталась решить проблему формированием уникальных ссылок:

Выделить код

Код:

ImageName = 'i/' + ImageName + '.gif?rnd=' + Math.random();
  var elm = document.getElementById("car");
  elm.innerHTML = '<img src="' + ImageName +'" align="" height="35" width="134" />';

но решение оказалось не слишком удачным, так как картинки не кешируются и загружаются с сервера за заметное время

Можно ли как-то иначе добиться от FF анимации при каждом показе картинки?

Shutnik · №2

Eka_ пишет

Можно ли как-то иначе добиться от FF анимации при каждом показе картинки?

можно, создавайте их динамически:

Выделить код

Код:

var car = document.getElementById("car");
car.removeChild(car.firstElementChild);

var img = document.createElement("img");
img.src = "test.gif";
car.appendChild(img);

Eka_ · №3

Да, все получилось, работает как нужно, спасибо!

siberia · №4

Shutnik пишет

Eka_ пишет:Можно ли как-то иначе добиться от FF анимации при каждом показе картинки?можно, создавайте их динамически:Код:var car = document.getElementById("car");
car.removeChild(car.firstElementChild);
var img = document.createElement("img");
img.src = "test.gif";
car.appendChild(img);

Будте добры, подскажите новичку, в какой файл вносить этот код? Анимация в бэкграунде шапки сайта.

Shutnik · №5

вносите в файл с кодом анимации, наверное

siberia · №6

Так ведь файл анимации - просто картинка gif, путь к которой указывается в css файле шаблона. :rolleyes:

Йцукен · №7

siberia
Так в чём тогда вообще проблема? Тоже анимация один раз воспроизводится? Если так, то проблема в самой джифке — надо при её создании делать циклическое воспроизведение.

Полезная информация

№112-10-2010 22:55:19