Гаризантальный animate.js
Ребятки помогите, ниже указан код animate.js, он работает при прокрутке контента,нужно что бы он работал на слайдере, допустим, если див имеет класс active,то он работает.
Заранее всем спасибо за ответы, может у кого уже есть готовый скрипт на подобие такого (function($) { $.fn.animated = function(inEffect, outEffect) { $(this).css("opacity", "0").addClass("animated").waypoint(function(dir) { if (dir === "down") { $(this).removeClass(outEffect).addClass(inEffect).css("opacity", "1"); } else { $(this).removeClass(inEffect).addClass(outEffect).css("opacity", "1"); }; }, { offset: "80%" }).waypoint(function(dir) { if (dir === "down") { $(this).removeClass(inEffect).addClass(outEffect).css("opacity", "1"); } else { $(this).removeClass(outEffect).addClass(inEffect).css("opacity", "1"); }; }, { offset: -$(window).height() }); }; })(jQuery); |
Step48_rus,
информации недостаточно |
нужно что бы скрипт выполнялся не при прокрутке?,а при смене блока
|
Step48_rus,
увы не могу представить о чём речь |
Смотри,если есть у секции класс актив,то выплнять данную функцию,если нету,то не выполнять, в принципе все
|
Step48_rus,
if($(elem).hasClass("active")) {} |
Слушай,а ты с animate.css работал? Если да,смотри, есть несколько секции
<section></section> <section></section> <section></section> <section></section> Они участвуют в слайдере, на активный слайд дается класс active, нужно что бы animate.css работал на каждый слайд. то,что я сейчас делаю,распрастраняеться сразу на все Section,а нужно только на данный |
Step48_rus,
:-? недостаточно информации |
рони,
Смотри, тот скрипт ,что я указал выше, работает с animate.css, Он прекрасно работает на вертикальных сайтах(с вертикальным скролом),Но на сайте состоящего из одного слайдера,он не работает.Точнее работает,но анимирует сразу все слайдеры, а не активный. Так вот,нужно что бы анимировался именно активный слайд , а не все сразу. страктура примерно такая <div class="slider"> <div class="slider_item"> Элемент анимации 1 Элемент анимации 2 Элемент анимации 3 </div> <div class="slider_item"> Элемент анимации 1 Элемент анимации 2 Элемент анимации 3 </div> <div class="slider_item"> Элемент анимации 1 Элемент анимации 2 Элемент анимации 3 </div> <div class="slider_item"> Элемент анимации 1 Элемент анимации 2 Элемент анимации 3 </div> </div> Вот, на активный слайд вешается класс Active, может быть от этого и стоит прыгать. |
Step48_rus,
увы не понимаю ... есть у вас активный класс, зачем скрипты тогда, нужное пропишите в css , добавьте .active было .класс_inEffect станет .класс_inEffect.active и всё |
Часовой пояс GMT +3, время: 08:06. |