owl carousel loop:true无法应用

时间:2016-02-04 10:18:54

标签: javascript jquery owl-carousel

我想在我的猫头鹰轮播中实现loop:true选项,但实际上当我覆盖旧的owl.carousel.min文件时,整个滑块被禁用,但它适用于旧版本的owl.carousel.min文件没有环。

任何人都可以帮我解决这个问题。

$("#owl-example4").owlCarousel({
    navigation : true,
    navigationText: [
      "<i class='icon-chevron-left icon-white'><</i>",
      "<i class='icon-chevron-right icon-white'>></i>"
      ],
     autoPlay: 3500, //Set AutoPlay to 3 seconds
    autoplayTimeout:2500,
    items :1,
    loop: true,
    singleItem: true,
    autoHeight: true,

    responsive: true,
    responsiveRefreshRate : 200,
    responsiveBaseWidth: window,
});

html如下

<section class=".banner" id="banner"><!--main-section banner-->
    <div id="owl-example4" class="owl-carousel fadeInRight animated wow">
        <div class="item darkCyan text-center hpsliderimg1">
            <img src="img/slide1.jpg" class="img-responsive center-block"/>
        </div>

        <div class="item darkCyan text-center hpsliderimg2">
            <img src="img/slide2.jpg" class="img-responsive center-block"/>
        </div>

        <div class="item darkCyan text-center hpsliderimg3">
            <img src="img/slide3.jpg" class="img-responsive center-block"/>
        </div>

        <!--<div class="item darkCyan text-center hpsliderimg4">
            <img src="img/slide-4.jpg" class="img-responsive"/>
        </div>-->
    </div>
</section>

0 个答案:

没有答案