Question

我想这样做，带有Owl Carousel插件的徽标会连续滑动（没有1,2,3 ......秒延迟，但是没有停止滑动）是否可以使用猫头鹰旋转木马？

Answer 1

这应该可以工作，使用 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 2

您可以使用;

定义slideSpeed和autoPlay状态

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

但首先;你应该看到Owl Carousel

中的所有选项

Answer 3

这是我让猫头鹰传送带不断滚动的方式。

由于自动播放时间太长，我不得不添加一个触发器来启动循环，这意味着它不能立即开始，然后我有了第二个触发器，可以将速度重新设置为与主要设置相匹配。

您需要确保将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);
});

如何使用猫头鹰旋转木马连续滑动旋转木马

3 个答案: