dzhenkins

Запуск анимации gif по клику на неё

8 сообщений в этой теме

Всем привет. Скажите пожалуйста, может быть кто знает готовое решение, как запускать и останавливать gif анимацию по клику на неё? (например как на pikabu). Есть ли решения непосредственно  для Wordpress (не обязательно, хотя бы вообщем как реализовать)? 

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

делается посредством js

 

http://jsfiddle.net/NkFnm/3/

 

А еще проще сделать на css (но требует подготовки статической картинки) - активировать аниманию при наведении мыши http://bitby.net/aktivaciya-gif-pri-navedenii-kursora-s-pomoshhyu-css.html

BayBackOff понравилось это

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Делаем див с классом, к примеру, class1.

К class1 делаем статичный бэкграунд, .png какой-нибудь. 

Пишем в диве как-то: onclick="this.className = (this.className == 'class1' ? 'class2' : 'class1')"

Для class2 в css делаем бэкграунд .gif.

 

По клику гифка запускается, при повторном останавливается.  :)

dzhenkins понравилось это

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

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

Через чур перехвалили всех. В теле письма такого не сделать. При отправке письма, почтовики полностью блокируют всякие скрипты, даже самые безобидные.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Для WordPress тестировал плагин один, то что нужно: gladweb.ru/gif-animation-preview-kak-vosproizvesti-gif-kartinku-pri-navedenii-myshkoj/

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Для WordPress тестировал плагин один, то что нужно: gladweb.ru/gif-animation-preview-kak-vosproizvesti-gif-kartinku-pri-navedenii-myshkoj/

Минутка саморекламы ?) Ну хотя бы по теме )))) кое-кто вообще чистку мебели предлагает  :D

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Не проще скачать готовую анимацию и вставить ее? Или я чего-то не понял?

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Создайте аккаунт или войдите в него для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!


Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.


Войти сейчас

  • Сейчас на странице   0 пользователей

    Нет пользователей, просматривающих эту страницу