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

Question

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

我的自定义按钮调用如下：

$('.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