【问题标题】:Needing to slide by 7 slides on Prev-Next需要在 Prev-Next 上滑动 7 张幻灯片
【发布时间】:2017-05-04 10:06:08
【问题描述】:

我正在使用 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

【问题讨论】:

    标签: owl-carousel


    【解决方案1】:

    尝试使用 slideBy 选项

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

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2012-09-29
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2015-07-28
      • 1970-01-01
      • 2018-01-19
      • 1970-01-01
      相关资源
      最近更新 更多