Возможности плагина:
- Возможность задать анимацию любому элементу сайта.
- Возможность назначить разные типы анимации (http://daneden.github.io/animate.css) для разных элементов.
- Настраиваемые параметры анимации (http://mynameismatthieu.com/WOW/docs.html)
Установка:
Стандартная установка Joomla (/administrator/index.php?option=com_installer)
Использование:
Впишите параметры анимации и классы элементов, к которым необходимо применить анимацию, в поле плагина "Параметры анимации".
В поле достаточно вписать класс элемента и вид анимации. Если вы хотите дополнительно настроить параметры анимации, впишите их, разделяя знаком *, в следующем порядке:
- - dид анимации,
- - класс блока(ов), к которому применяется анимация,
- - время выполнения анимации,
- - время до начала выполнения анимации,
- - отступ от блока до нижнего края окна браузера (после достижения этого значения стартует анимация),
- - количество повторений анимации.
Последовательность значений для каждого из видов анимации заканчивается знаком ; (точка с запятой), кроме последнего значения.
Пример:
fadeIn*.buttons, .productfull*1.5s*0.5s*0*1;
tada*.prod_price*2s*3s*0*1;
pulse*.old_price*2s*3s*0*2;
bounceInLeft*.site-title
Разберем запись:
Первая строка - к элементам с классами buttons и productfull будет добавлена анимация вида fadeIn. Анимация для класса productfull будет выполняться 1,5сек., начнется через 0,5сек. после прорисовки элемента на странице, сразу после появления в видимой области экрана и без повторов.
Вторая строка - к элементам с классом prod_price будет применена анимация вида tada. Анимация будет выполняться 2сек., начнется через 3сек. после прорисовки элемента на странице,сразу после появления в видимой области экрана и без повторов.
Третья строка - к элементам с классом prod_price будет применена анимация вида tada. Анимация будет выполняться 2сек., начнется через 3сек. после прорисовки элемента на странице,сразу после появления в видимой области экрана с двумя повторами.
Четвертая строка - к элементам с классом site-title будет применена анимация вида bounceInLeft.