1

Доброго времени суток! Подскажите, как сделать, чтобы gif картинка запускалась по клику мыши, как ручка на Погоде Яндекса?

3
  • а почему не сделать две картинки? одну статическую, а другую такую же, но gif (или даже серия картинок).
    – KoVadim
    3 дек 2012 в 15:26
  • здесь есть пример, как рестартовать анимацию.
    – KoVadim
    3 дек 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 ответ 1

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" /> 

1
  • Отличный вариант. Скажите, а как заставить анимироваться картинку непрерывно по событию onmouseover ?
    – Plush
    9 дек 2015 в 18:57

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.