gpt4 book ai didi

javascript - 使 OwlCarousel 中的多个项目向前滑动

转载 作者:行者123 更新时间:2023-12-03 03:31:30 31 4
gpt4 key购买 nike

我有两个同步的 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/

31 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com