Есть вот такая карусель
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]);
});
});
