how to stop the items in the next slide while autoplaying on the current slide in Owl-carousel ?
Author: MinhHai77Created Aug 12, 2022Updated Mar 10, 2026
hello !! i have a bug is my all carousel--nested runs at the same time. I want when I'm in the first owl-carousel, only the owl--nested in it will run
$(".owl-carousel").owlCarousel({
navElement: "span",
dots: false,
autoplay: true,
autoplayTimeout: 2000 * 4,
smartSpeed: 200,
autoplayHoverPause: true,
thumbs: true,
thumbsPrerendered: true,
loop: true,
mouseDrag: false,
touchDrag: false,
items: 1,
});
///carousel--nested
$(".owl-carousel--nested").owlCarousel({
autoplay: true,
autoplayTimeout: 2000,
autoplayHoverPause: true,
smartSpeed: 2000,
center: true,
dots: true,
loop: true,
items: 4,
responsive: {
0: {
items: 3,
},
600: {
items: 3,
},
1025: {
items: 3,
},
},
});Source: OwlCarousel2/OwlCarousel2