マウスホバー動作でブートストラップカルーセルが一時停止するのを防ぎ、代わりにアイテムを自動的に循環し続けることは可能ですか?
ドキュメントには、のデフォルトの動作のみが記載されていますpause: "hover"
。pause引数を他の引数に変更すると、カルーセルが完全に機能しなくなるため、このデフォルトの動作を無効にする方法がわかりません。
マウスホバー動作でブートストラップカルーセルが一時停止するのを防ぎ、代わりにアイテムを自動的に循環し続けることは可能ですか?
ドキュメントには、のデフォルトの動作のみが記載されていますpause: "hover"
。pause引数を他の引数に変更すると、カルーセルが完全に機能しなくなるため、このデフォルトの動作を無効にする方法がわかりません。
の値を"false"
指定すると、マウスオーバー中にカルーセルが循環し続けることがわかりました。
$('.carousel').carousel({
pause: "false"
});
Twitter Bootstrap v2.0.2 を使用しています
JavaScript を使用する代わりに、これを div .carousel にも追加できます。
遅延時間を追加:
data-interval="3000"
ホバー時に一時停止するかどうかを追加します。オプションtrue
はfalse
data-pause="false"
例は次のとおりです。
<div id="carousel" class="carousel" data-ride="carousel" data-interval="3000" data-pause="false">
これは私にとってはうまくいきました。
私は、この循環と一時停止が依存する 2 つの事柄があることを発見しました。
js/bootstrap.js ファイルの次のコード行を変更して、継続的なスライドを許可します。
.on('mouseenter', $.proxy(this.pause, this))
に
.on('mouseenter', $.proxy(this.**cycle**, this))