Owl Carousel 2嵌套自动播放循环

时间:2017-09-14 08:37:15

标签: jquery css owl-carousel-2

似乎嵌套的旋转木马正在工作,但内部旋转木马没有正确触发自动循环循环功能,它在更改为第二张幻灯片后停止。我试图将内部轮播作为自动播放循环淡出轮播,但它只运行一次,然后需要刷新才能重新启动循环。

不知道我的代码有什么问题。

这是我的代码。

jsfiddle

$('.main-carousel').owlCarousel({
loop:true,
margin:10,
nav:true,
items:1,
});

$('.fade').owlCarousel({
loop:true,
margin:10,
nav:true,
items:1,
animateOut: 'fadeOut',
autoplay:true,
autoplayTimeout:1000,
autoplayHoverPause:false
});

1 个答案:

答案 0 :(得分:0)

$('.slider').owlCarousel({  
        animateOut: 'zoomOut',  
        nav: true, // Show next and prev buttons    
        navText: false,    
        dots: true,  
        loop: true,  
        items: 1,  
        margin: 0,  
        smartSpeed: 450,  
        autoplay: true,  
        autoplayTimeout: 5000,  
        autoplayHoverPause: true  
    });