使用 Owl 轮播 2 限制分页

Question

我在谷歌上搜索了这么多，似乎没有我们的答案。我正在使用 Owl Carousel 2。我想限制显示的点数。所以假设我有十件物品。我想为每个项目显示一个点，但我一次只想显示 5 个点。此外，如果有人知道如何显示开始、结束和下一个 x 数量按钮，那也会非常有帮助。我不确定 Owl Carousel 是否具备所有这些功能。

我对 owl-carousel 的设置：

    $(document).ready(function(){
   $('.owl-carousel1').owlCarousel({
    loop:false,
    margin:10,
    center:true,
    autoWidth:false,
    dots:true,
    lazyLoad : true,
    autoHeight : true,
    navigation: true,       
    nav:true,
    responsive:{
        0:{
            items:1
        },
        600:{
            items:1
        },
        1000:{
            items:1
        }
    }

})
});

提前致谢

Answer 1

这是一个CSS解决方案：

.owl-pagination {
  .owl-page:nth-child(n+6) {
    display: none !important;
  }
}

更改nth-child(n+X)中的X以设置最大页数。

使用 Owl 轮播 2 限制分页

Limit pagination with Owl Carousel 2

css

jquery

carousel

owl-carousel