Перезапустить анимированный GIF как фоновое изображение

Это можно перезапустить анимированный 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-анимацию с фоновым изображением снова после того, как она воспроизводилась один раз. Добавление / удаление мерцания класса работает только в первый раз.

16
задан hpique 27 September 2011 в 15:37
поделиться