我有两个同步的 OwlCarousel slider 。目标是实现 - 在第一个主 slider 中滑动的项目组。现在它从 1 滑动到 2 到 3 等。我需要它从 1 滑动到 5。我可以在 js 中更改一些值吗? https://codepen.io/washaweb/pen/KVRxRW
.owlCarousel({
items : slidesPerPage,
dots: false,
nav: false,
autoplay: false,
smartSpeed: 200,
slideSpeed : 500,
mouseDrag: false,
touchDrag: false,
pullDrag: false,
slideBy: '1', //alternatively you can slide by 1, this way the active slide will stick to the first item in the second carousel
responsiveRefreshRate : 100
如何更改滑动动画?例如淡入淡出
最佳答案
您可以尝试to.owl.carousel事件:
var jumpTo = 5;
$('#sync2').trigger('to.owl.carousel', jumpTo);
Carousel #sync2 跳转到第 5 号幻灯片。您可以通过其他 owl 事件或点击来触发此操作。
关于javascript - 使 OwlCarousel 中的多个项目向前滑动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46077887/