猫头鹰旋转木马先完成幻灯片视频播放,然后开始自动播放剩余的滑块图像

时间:2019-11-10 10:46:55

标签: javascript jquery owl-carousel owl-carousel-2

我的问题是使用主滑块,图像以及视频的猫头鹰食肉。 因此,我们需要第一个滑块来播放视频,视频持续时间为(60sec +)。 完成此视频滑块后,然后自动启动其余的滑块图像。

脚本:

var carousel = function() {
        $('.home-slider').owlCarousel({
        loop:true,
        autoplay: true,
        margin:0,
        animateOut: 'fadeOut',
        animateIn: 'fadeIn',
        nav:false,
        dots: false,
        autoplayHoverPause: false,
        items: 1,
        navText : ["<span class='ion-md-arrow-back'></span>","<span class='ion-chevron-right'></span>"],
        responsive:{
          0:{
            items:1
          },
          600:{
            items:1
          },
          1000:{
            items:1
          }
        }
        });

0 个答案:

没有答案