2016-10-07 32 views
0

1つのページに複数のフクロウカルーセル(バージョン2)があり、そのうちの1つの自動再生を遅らせたいとします。ここで私が作業しているコードです。Owl Carousel 2自動再生遅延を設定します

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

助けてください。ありがとうございました。

答えて

0

あなたがstop.owl.autoplayplay.owl.autoplayイベントをトリガすることができ、スタンドアローンの初期化とフクロウカルーセル2では

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

ご回答ありがとうございます。 owldelayは私がこの特定の初期化に使用している変数です。遅延を追加するオプションは何ですか? – whildkatz

+0

autoPlay属性をfalseにします。次に、setTimeout関数を使用して、属性をtrueに設定します。 –

+0

これはまさに私が苦労していることです。 – whildkatz

0

を各カルーセルを初期化してきました。 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); 
} 
関連する問題