限制与猫头鹰旋转木马2的分页

时间:2016-03-06 14:54:27

标签: jquery css carousel owl-carousel

我搜索了这么多,似乎没有我们的答案。我正在使用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
        }
    }

})
});

提前致谢

1 个答案:

答案 0 :(得分:1)

这是一个CSS解决方案:

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

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