OwlCarousel Fade Mode一项以上

时间:2019-01-14 09:40:41

标签: carousel fadein owl-carousel

我真的需要一个具有多个项目的猫头鹰传送带才能具有淡入淡出模式。基本上,当我使用自动播放选项时,是否有可能消除幻灯片效果?我为滑块分配了transitionStyle:“ fade”,但这仅适用于一项。

$('.owl-carousel-json').owlCarousel({
        loop: true,
        rewind: false,
        autoplay: true,
        smartSpeed: 500,
        autoplaySpeed: 0,
        autoplayTimeout: 2500,
        lazyLoad: true,
        margin: 0,
        responsiveClass: true,
        transitionStyle: "fade", //doesn't work with multiple slides 
        animateOut: 'fadeIn-',
        animateIn: 'fadeOut-',
        responsive: {
            0: {
                items: 2,
                slideBy: 2,
                nav: true
            },
            360: {
                items: 3,
                slideBy: 3,
                nav: true
            },
            768: {
                items: 5,
                slideBy: 5,
                nav: false
            },
            992: {
                items: 7,
                slideBy: 7,
                nav: true
            }
        }
    });

0 个答案:

没有答案