Доброго времени суток! Подскажите, как сделать, чтобы gif картинка запускалась по клику мыши, как ручка на Погоде Яндекса?
-
а почему не сделать две картинки? одну статическую, а другую такую же, но gif (или даже серия картинок).– KoVadim3 дек 2012 в 15:26
-
здесь есть пример, как рестартовать анимацию.– KoVadim3 дек 2012 в 15:34
-
А можно вообще спрайт из png, когда такой спрайт в движении и хорошо нарисован выглядит как флешка. Суть в том, чтобы сначала отобразить 1 кадр, дальше вызывается функция, которая запускает покадровую анимацию. UPD В яндексе это реализовано так: yandex.st/weather/1.1.82/i/1april/ruchka.png а при клике запускается yandex.st/weather/1.1.82/i/1april/ruchka.gif– Вячеслав3 дек 2012 в 15:47
Добавить комментарий
|
1 ответ
Что-то в этом роде, но чтобы не срабатывало сразу, нужна статика однозначно!
document.getElementById('bandit').onclick = function()
{
this.src = this.src;
}
#bandit { cursor: pointer; }
<img id="bandit" src="http://yandex.st/weather/1.1.82/i/1april/ruchka.gif" />
-
Отличный вариант. Скажите, а как заставить анимироваться картинку непрерывно по событию
onmouseover
?– Plush9 дек 2015 в 18:57