Sign in to follow this  
Followers 0
dzhenkins

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

8 posts in this topic

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

Share this post


Link to post
Share on other sites

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

 

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

 

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

BayBackOff likes this

Share this post


Link to post
Share on other sites

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

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

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

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

 

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

dzhenkins likes this

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0

  • Recently Browsing   0 members

    No registered users viewing this page.