Flexslider: Как закодировать определенное количество раз?

Question

Я хочу, чтобы петли скользят определенное количество раз и останавливаются на последнем слайде.

Пожалуйста, помогите.

$(document).ready(function() { 
    $('.flexslider').flexslider({slideshowSpeed: 5000}); 
}); 

Answer 1

Используя функции обратного вызова, вы можете сделать что-то вроде этого.

Сначала установите переменное количество петель вы хотите:

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 будет продолжать уменьшаться, если пользователи начнут цикл вручную. Не слишком хлопотно, хотя я надеюсь.

Приятный бонус заключается в том, что вы можете возобновить слайд-шоу, если хотите. Посмотрите advanced docs для получения дополнительной информации.

Надеюсь, что это поможет!