如何阻止猫头鹰旋转木马重绕?我只想要一个无缝循环

时间:2014-10-13 22:05:56

标签: jquery twitter-bootstrap

如何使猫头鹰旋转木马重绕?我只想要一个连续的循环。我是否需要为插件中已包含的内容编写完整的回调函数?我试着使用循环:true;没运气。

3 个答案:

答案 0 :(得分:13)

例如,尝试此设置

$("#owl-demo").owlCarousel({
  autoPlay: 3000, //Set AutoPlay to 3 seconds
  items : 4,
  rewindNav:false //**This

});

答案 1 :(得分:4)

我遇到了同样的错误并找到了快速解决方法。您可以将 rewindSpeed:0 rewindNav:true 一起使用。

我测试了这些设置:

$("#owl-slider-hero").owlCarousel({
    autoPlay : 5000, 
    lazyLoad:true,
    navigation : false,
    slideSpeed : 500,
    paginationSpeed : 400,
    singleItem : true,
    rewindNav : true,
    rewindSpeed: 0
});

通过这样做,脚本仍会倒带,但你几乎看不到它。这种变化在连续循环中并不平滑,但它非常接近。

希望这有助于某人!

答案 2 :(得分:1)

在此之前,将循环设置为false。然后它将起作用。

$(document).ready(function() {
    $('.owl-carousel').owlCarousel({
        items:4,
        lazyLoad:true,
        nav:true,
        loop:false,
        navRewind:false,
        margin:10
    });
})