Gera11
@Gera11

Как связать несколько каруселей owl.js?

Есть вот такая карусель owl carousel
На сайте установил 3 карусели. У одной из них есть кнопки (nav: true).
Как сделать так чтобы при прокрутки первой карусели, прокручивались и все остальные? Чтобы листались и по нажатию на стрелки и при скролле пальцем с телефона?

Сейчас у меня работает только стрелками:
$(document).ready(function(){
		$('.compares').owlCarousel({
		    loop:false,
		    navText : ['<i class="fas fa-chevron-left"></i>','<i class="fas fa-chevron-right"></i>'],
		    margin:30,
		    nav:true,
		    touchDrag:false,
		    mouseDrag:false,
		    dots:false,
		    responsive:{
		        0:{
		            items:1
		        },
		        600:{
		            items:3
		        },
		        1000:{
		            items:5
		        }
		    }
		});
		$('.compares1').owlCarousel({
		    loop:false,
		    margin:30,
		    nav:false,
		    touchDrag:false,
		    mouseDrag:false,
		    dots:false,
		    responsive:{
		        0:{
		            items:1
		        },
		        600:{
		            items:3
		        },
		        1000:{
		            items:5
		        }
		    }
		});
		var owl = $('.compares');
		var owl1 = $('.compares1');
		owl.owlCarousel();
		owl1.owlCarousel();
		$('.owl-next').click(function() {
    		owl.trigger('next.owl.carousel');
    		owl1.trigger('next.owl.carousel');
		});
		$('.owl-prev').click(function() {
    		owl.trigger('prev.owl.carousel', [300]);
    		owl1.trigger('prev.owl.carousel', [300]);
		});
	});
  • Вопрос задан
  • 34 просмотра
Пригласить эксперта
Ответы на вопрос 2
Lord_Dantes
@Lord_Dantes
Чат джунов t.me/developersjunior
https://owlcarousel2.github.io/OwlCarousel2/docs/a...
Первый пример, прослушка прокрутки карусели и делаем что нужно.
Ответ написан
Ashlis
@Ashlis
Я так делаю - https://codepen.io/AshleyNord/pen/qBZpEPy
Отслеживаю событие "changed" и добавляю соответствующий хэш урлу страницы.
Ответ написан
Ваш ответ на вопрос

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

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