简体   繁体   English

为什么我的猫头鹰轮播自动播放功能不起作用?

[英]Why is my owl carousel autoplay not working?

I want to asking about Owl Carousel autoplay. 我想问一下猫头鹰轮播的自动播放。 I have create some html code like this : 我已经创建了一些这样的html代码:

    <div class="owl-carousel">
    <div class="item"><img class="img-clients" src="img/img1.png" alt="" ></div>
    <div class="item"><img class="img-clients" src="img/img2.png" alt="" ></div>
    <div class="item"><img class="img-clients" src="img/img3.png" alt="" ></div>
    <div class="item"><img class="img-clients" src="img/img4.png" alt="" ></div>
    <div class="item"><img class="img-clients" src="img/img5.png" alt="" ></div>
    <div class="item"><img class="img-clients" src="img/img6.png" alt="" ></div>
    <div class="item"><img class="img-clients" src="img/img7.png" alt="" ></div>
    <div class="item"><img class="img-clients" src="img/img8.png" alt="" ></div>
    </div>

and here's the js file : 这是js文件:

$(document).ready(function (){
          $('.owl-carousel').owlCarousel({
            items:5,
            center:true,
            autoPlay:true,
            autoPlayTimeout:1000,
            autoplaySpeed:3000,
            autoHeight:true,
            autoplayHoverPause:true,
            loop:true,
            // smartSpeed:1000,
            margin:5,
            responsive:{
                480:{
                  items:3,
                  margin:2
                },
                919:{
                    items:4,
                    margin:4
                }
            }
          });
      });

but it seem's it didn't working. 但似乎没有用。 what's making it wrong? 怎么了? anybody can help? 有人可以帮忙吗?

autoplay: true,

代替

autoPlay: true,

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM