@zhyshy

Как сделать анимацию у элементов при горизонтальном скролле (слайдер Swiper)?

Добрый день!

Имеется слайдер Swiper с горизонтальным скроллом.
Также есть wow.js и animate.css
Как сделать, чтобы анимация элементов срабатывала только у нового слайда? Сейчас она срабатывает на всех сразу.

Вот код слайдера:
var swiper = new Swiper('.main-slider', {
	  speed: 800,
	  direction: 'horizontal',
	  allowTouchMove: false,
	  loop: false,
	  parallax: false,
	  mousewheel: true,
	  effect: 'slide',
	  navigation: {
	    nextEl: '.swiper-button-next',
	    prevEl: '.swiper-button-prev',
	  },
	  on: {
	    slideChange: function () {
	      new WOW().init();
	    },
	  }
	});

Инициализация wow.js происходит при смене слайда, соответственно анимацию видно и на слайде который появляется и на слайде, который исчезает... Возможно можно обойтись без wow.js?
  • Вопрос задан
  • 871 просмотр
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы