Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/365.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/jpa/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 猫头鹰转盘中的克隆是什么?我们如何控制猫头鹰转盘中的点号_Javascript_Jquery_Carousel_Owl Carousel - Fatal编程技术网

Javascript 猫头鹰转盘中的克隆是什么?我们如何控制猫头鹰转盘中的点号

Javascript 猫头鹰转盘中的克隆是什么?我们如何控制猫头鹰转盘中的点号,javascript,jquery,carousel,owl-carousel,Javascript,Jquery,Carousel,Owl Carousel,我一直在使用猫头鹰旋转木马为我的网站,我看到在一个商业网站。代码如下 HTML 在HTML中显示的8个项目中,我将显示4个项目,即只有4个项目处于活动状态。其他4个应处于克隆状态,即owl项已克隆。如何实现这种克隆状态?是否有任何方法可以根据活动项目编号仅显示导航点的数量?如果活动项为4,我只需要显示4个点 我无法获得关于这个插件的很多文档,如果有人能回答上述问题或提供相关链接,这将非常有用许多滑块脚本使用“克隆”元素,以便它们可以“无休止地”滚动;但是他们通常负责自己创建这些克隆元素,您首先不

我一直在使用猫头鹰旋转木马为我的网站,我看到在一个商业网站。代码如下

HTML

在HTML中显示的8个项目中,我将显示4个项目,即只有4个项目处于活动状态。其他4个应处于克隆状态,即owl项已克隆。如何实现这种克隆状态?是否有任何方法可以根据活动项目编号仅显示导航点的数量?如果活动项为4,我只需要显示4个点


我无法获得关于这个插件的很多文档,如果有人能回答上述问题或提供相关链接,这将非常有用

许多滑块脚本使用“克隆”元素,以便它们可以“无休止地”滚动;但是他们通常负责自己创建这些克隆元素,您首先不需要干预。
<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>
 $('.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
          }
        }
      });