29.07.2016, 12:25
|
Аспирант
|
|
Регистрация: 22.07.2015
Сообщений: 68
|
|
Гаризантальный 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);
|
|
29.07.2016, 12:41
|
|
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,112
|
|
Step48_rus,
информации недостаточно
|
|
29.07.2016, 13:26
|
Аспирант
|
|
Регистрация: 22.07.2015
Сообщений: 68
|
|
нужно что бы скрипт выполнялся не при прокрутке?,а при смене блока
|
|
29.07.2016, 13:34
|
|
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,112
|
|
Step48_rus,
увы не могу представить о чём речь
|
|
29.07.2016, 15:59
|
Аспирант
|
|
Регистрация: 22.07.2015
Сообщений: 68
|
|
Смотри,если есть у секции класс актив,то выплнять данную функцию,если нету,то не выполнять, в принципе все
|
|
29.07.2016, 16:02
|
|
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,112
|
|
Step48_rus,
if($(elem).hasClass("active")) {}
|
|
29.07.2016, 16:31
|
Аспирант
|
|
Регистрация: 22.07.2015
Сообщений: 68
|
|
Слушай,а ты с animate.css работал? Если да,смотри, есть несколько секции
<section></section>
<section></section>
<section></section>
<section></section>
Они участвуют в слайдере, на активный слайд дается класс active, нужно что бы animate.css работал на каждый слайд.
то,что я сейчас делаю,распрастраняеться сразу на все Section,а нужно только на данный
|
|
29.07.2016, 16:42
|
|
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,112
|
|
Step48_rus,
недостаточно информации
|
|
31.07.2016, 09:05
|
Аспирант
|
|
Регистрация: 22.07.2015
Сообщений: 68
|
|
рони,
Смотри, тот скрипт ,что я указал выше, работает с 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, может быть от этого и стоит прыгать.
|
|
31.07.2016, 09:17
|
|
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,112
|
|
Step48_rus,
увы не понимаю ... есть у вас активный класс, зачем скрипты тогда, нужное пропишите в css , добавьте .active было .класс_inEffect станет .класс_inEffect.active и всё
|
|
|
|