Email: eblinkoff@mail.ru
Телефон: +7-931-200-99-28
Скайп: Eblinkoff
Телефон: +7-904-639-87-32
Спросить
Заказать
Свободен
Россия, Санкт-Петербург +79312009928

Многократный запуск анимаций с wow.js, например для hover


Продолжаю описывать создание двух Лендинг Пейдж, которые будут использоваться как главные страницы на двух сайтах. Начало можно почитать тут. В процессе использования сладкой парочки - animate.css и wow.js столкнулся с необходимостью использовать анимации многократно и не только для скроллинга. Однако это оказалось не так просто - wow стирает класс animated после одного срабатывания. Не писать же для каждого ховера свою анимацию, когда их и так полно готовых в css библиотеке? Переходить на более тяжёлые плагины тоже не хочется потому что это противоречит принципам. Что же делать? В конце концов было принято решение немного допилить wow.js следующим образом.
1. Вводим новый управляющий аттрибут - data-wow-multiple равный "multiple". В принципе, это не важно что писать в значении этого атрибута, нам просто надо как-то пометить элемент, на котором надо выполнять анимацию многократно.
2. И в самой библиотеке пришлось дописать функцию resetAnimation() - чтобы при наличии этого атрибута у элемента с анимацией удаление класса animated не происходило. Это оказалось не так сложно и заняло 20 минут - в основном время ушло на то, чтобы разобраться как устроена библиотека wow.js. Дальше что было.




<--Предыдущая статья | Следующая статья-->

Заказать такой же сайт

RSSкомментариев

Введите Ваш комментарий