Question

我正在使用Owl Carousel创建自定义日历滑块。它将显示7天一次（因此有7张幻灯片处于活动状态）。当我点击分页点时，幻灯片会移动7张幻灯片。但是，使用自定义上一个下一个按钮时，它一次只能移动一张幻灯片。

我的自定义按钮调用以下内容：

$('.calNextButton').click(function() {
   $('.owl-carousel').trigger('next.owl.carousel');
});

$('.calPrevButton').click(function() {
    $('.owl-carousel').trigger('prev.owl.carousel');
});

有没有办法自定义这些功能以按特定数量的幻灯片移动，而不是一次只移动一个？

我正在使用Owl Carousel v2.2.1。我附上了我的日历滑块的屏幕截图供您参考。 Screen Capture of Calendar Slider

Answer 1

尝试使用slideBy选项

    $('.owl-carousel').owlCarousel({
        slideBy: 7,
    });

了解更多信息 https://owlcarousel2.github.io/OwlCarousel2/docs/api-options.html

需要在Prev-Next上按7张幻灯片滑动

1 个答案: