Это можно перезапустить анимированный GIF, используемый как фоновое изображение
?
Рассмотрим этот HTML:
<div id="face">
<div id="eyes"></eyes>
</div>
И этот стиль:
#eyes.blink {
background-image:url('blink.gif');
}
Я бы хотел, чтобы анимация blink.gif
была играть каждый раз, когда я добавляю класс blink
в #eyes
, а не только в первый раз.
Я ожидал, что это сработает:
function startBlink() {
$('#eyes').addClass('blink');
}
function stopBlink() {
$('#eyes').removeClass('blink');
}
Проблема в том, что и Firefox, и браузер WebKit не воспроизводят GIF-анимацию с фоновым изображением снова после того, как она воспроизводилась один раз. Добавление / удаление мерцания класса работает только в первый раз.