如何用Owl carousel实现旋转木马的连续滑动

Question

我想做的是，带有猫头鹰旋转木马插件的徽标将连续滑动(没有1,2,3...延迟几秒，但滑动不停顿)猫头鹰旋转木马可能吗？

Answer 1

这就是我如何让owl carousel不断滚动的。

我不得不添加一个触发器来启动循环，因为自动播放太长了，这意味着它不会立即开始，然后我有第二个触发器来设置速度以匹配主设置。

您需要确保将autoplaySpeed和smartSpeed设置为相同的计时，并将slideTransition设置为线性。

jQuery(document).ready(function() {
    jQuery('.owl-carousel').owlCarousel({
    loop: true,
    items: 6,
    autoplay: true,
    slideTransition: 'linear',
    autoplaySpeed: 6000,
    smartSpeed: 6000,
    center: true,
    });


    jQuery('.owl-carousel').trigger('play.owl.autoplay',[2000]);

    function setSpeed(){
        jQuery('.owl-carousel').trigger('play.owl.autoplay',[6000]);
    }

    setTimeout(setSpeed, 1000);
});

Answer 2

使用autoplaySpeed和autoplayTimeout，这应该是可行的：

$('.owl-carousel').owlCarousel({
    stagePadding: 0,
    loop:true,
    margin:10,
    nav: false,
    autoplay: true,
    slideTransition: 'linear',
    autoplayTimeout: 3000,
    autoplaySpeed: 3000,
    autoplayHoverPause: true,
    responsive:{
        0:{
            items:2
        },
        600:{
            items:3
        },
        1000:{
            items:5
        }
    }
})

Answer 3

您可以使用以下命令定义您的slideSpeed和autoPlay状态：

$('#my_carousel').owlCarousel({
  autoPlay: true,
  slideSpeed: 200
});

但首先，您应该看到Owl Carousel中的所有选项