Question

我让owl到他的默认选项（5000），但是当我开始拖动或使用导航时我遇到了问题，猫头鹰旋转木马这次没有重置。如果我在4秒内拖动3张幻灯片，则第4张幻灯片只有1秒，并自动跳转到下一张幻灯片。

解决方案是什么？

owlSlider.owlCarousel({
        items: numberOfSlides,
        loop: loopCarousel,
        //video: true,
        nav: true,
        navText: ['<span class="ico ico-pointer_left"></span>', '<span class="ico ico-pointer_right"></span>'],
        dots: true,
        autoplay: true,
        lazyLoad: true,
        //autoplayTimeout: 5000,
        startPosition: currentSlide,
        // autoplaySpeed: 300
        autoplayHoverPause: true
    });

Answer 1

更改幻灯片后停止自动播放并重新启动对我来说解决了这个问题。

var owl;

$(document).ready(function(){
    owl = $(".owl-carousel").owlCarousel({
        nav: true,
        autoplay: true,
        autoplayTimeout: 2000
    });

    owl.on('changed.owl.carousel', function(e) {
        owl.trigger('stop.owl.autoplay');
        owl.trigger('play.owl.autoplay');
    });
});

用户操作后重置owl carousel autoplayTimeout

1 个答案: