スライドを特定の回数ループして、最後のスライドで停止したい。
助けてください。
$(document).ready(function() {
$('.flexslider').flexslider({slideshowSpeed: 5000});
});
スライドを特定の回数ループして、最後のスライドで停止したい。
助けてください。
$(document).ready(function() {
$('.flexslider').flexslider({slideshowSpeed: 5000});
});
コールバック機能を使用すると、次のようなことができます。
まず、必要なループ数に変数を設定します。
var n = 4
次に、スライダーを初期化するときに、次のオプションを追加します。
after: function(slider) {
if (slider.currentSlide == slider.count - 1) { // is last slide
n--;
if(n==0) {
slider.pause();
}
}
}
この機能を使用したかったのend: function(){}
ですが、これはアニメーションが無効になっている場合にのみ発生します。var n
ユーザーが手動で循環すると、が減少し続けるため、ここでは少し厄介です。願っていますが、それほど面倒ではありません。
ここでの素晴らしいボーナスは、必要に応じてスライドショーを再開できることです。詳細については、高度なドキュメントをご覧ください。
お役に立てば幸いです。