Question

我一直在我的网站上使用猫头鹰旋转木马，我在其中一个商业网站上看到过。代码如belo

HTML

<div class="owl-carousel-hp owl-carousel owl-theme">

<div class="item" style="margin-right: 0px;"></div>
<div class="item" style="margin-right: 0px;"></div>
<div class="item" style="margin-right: 0px;"></div>     
<div class="item" style="margin-right: 0px;"></div>
<div class="item" style="margin-right: 0px;"></div>
<div class="item" style="margin-right: 0px;"></div>
<div class="item" style="margin-right: 0px;"></div>
<div class="item" style="margin-right: 0px;"></div>            

 </div>

JS代码

 $('.owl-carousel-hp').owlCarousel({
        responsiveClass:true,
        loop:true,
        lazyLoad: true,
        responsive:{
          320:{
            items:1,
            nav:true
          },
          480:{
            items:1,
            nav:true
          },
          667:{
            items:1,
            nav:true
          },
          768:{
            items:4,
            nav:false,
            dots:false
          },
          1024:{
            items:4,
            nav:false,
            dots:false
          }
        }
      });

在HTML中显示的8个项目中，我将显示4个项目，即只有4个项目处于活动状态。其他4个应该处于克隆状态，即猫头鹰项克隆。如何实现这种克隆状态？有什么方法可以根据活动项目编号只显示导航点的数量？如果活动项为4，我只需要显示4个点。

我无法获得有关此插件的大量文档，如果有人可以回答上述问题或提供相关链接，那将会很有帮助

什么是猫头鹰旋转木马中的克隆？我们如何控制猫头鹰旋转木马中的点数

0 个答案: