Jump to content

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


Recommended Posts

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

Link to post
Share on other sites

Есть вопрос? Задай его профессиональным веб-мастерам, SEO и другим специалистам!

  • Модератор

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

 

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

 

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

Link to post
Share on other sites

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

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

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

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

 

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

Link to post
Share on other sites
  • 10 months later...

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

Link to post
Share on other sites

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

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

Link to post
Share on other sites

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

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

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...