貓頭鷹旋轉木馬2設置自動播放延遲

我在一個頁面上有多個貓頭鷹旋轉木馬（版本2），並且想延遲其中一個的自動播放。這是我正在使用的代碼。貓頭鷹旋轉木馬2設置自動播放延遲

owldelay.owlCarousel({ 
    loop: true, 
    items: 1, 
    autoplay:true, 
    autoplayTimeout:2000, 
    animateOut: 'fadeOut', 
    mouseDrag: false, 
    startPosition: 1, 
    center: true 
});

任何幫助，將不勝感激。謝謝。

來源

2016-10-07 whildkatz

你必須初始化每個轉盤作爲一個獨立的初始化

$("#owl-1").owlCarousel({options}); 
$("#owl-2").owlCarousel({options});

來源

2016-10-07 19:38:58

感謝您的回答。 owldelay是我用於此特定初始化的變量。該選項會增加延遲？ – whildkatz

使autoPlay屬性爲false。然後使用setTimeout函數並將該屬性設置爲true –

這正是我所苦苦掙扎的。 – whildkatz

在貓頭鷹轉盤2可以觸發stop.owl.autoplay和play.owl.autoplay事件。 owl.carousel.js API events document

var $owl = $(element).owlCarousel(options); 
var autoplayDelay = 2000; 

if (autoplayDelay) { 
    $owl.trigger('stop.owl.autoplay'); 
    setTimeout(function() { 
    $owl.trigger('play.owl.autoplay'); 
    }, autoplayDelay); 
}

來源

2017-03-10 22:39:59

貓頭鷹旋轉木馬2設置自動播放延遲

回答

相關問題