Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Гаризантальный animate.js (https://javascript.ru/forum/jquery/64243-garizantalnyjj-animate-js.html)

Step48_rus 29.07.2016 12:25

Гаризантальный 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

Step48_rus,
информации недостаточно

Step48_rus 29.07.2016 13:26

нужно что бы скрипт выполнялся не при прокрутке?,а при смене блока

рони 29.07.2016 13:34

Step48_rus,
увы не могу представить о чём речь

Step48_rus 29.07.2016 15:59

Смотри,если есть у секции класс актив,то выплнять данную функцию,если нету,то не выполнять, в принципе все

рони 29.07.2016 16:02

Step48_rus,
if($(elem).hasClass("active")) {}

Step48_rus 29.07.2016 16:31

Слушай,а ты с animate.css работал? Если да,смотри, есть несколько секции
<section></section>
<section></section>
<section></section>
<section></section>
Они участвуют в слайдере, на активный слайд дается класс active, нужно что бы animate.css работал на каждый слайд.
то,что я сейчас делаю,распрастраняеться сразу на все Section,а нужно только на данный

рони 29.07.2016 16:42

Step48_rus,
:-? недостаточно информации

Step48_rus 31.07.2016 09:05

рони,
Смотри, тот скрипт ,что я указал выше, работает с 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

Step48_rus,
увы не понимаю ... есть у вас активный класс, зачем скрипты тогда, нужное пропишите в css , добавьте .active было .класс_inEffect станет .класс_inEffect.active и всё


Часовой пояс GMT +3, время: 07:01.