JSSOR - опция $Loop не работает

Question

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

Читая документацию по API, я смогу сделать это:

var options = {
$AutoPlay: true,
$Loop: 0,
$DragOrientation: 3
};
var jssor_slider = new $JssorSlider$("slider", options);

Это не работает... он проигрывает, затем прокручивает обратно в начало и начинает снова. Я пробовал $Loop: false, $Loop: 1, $Loop: 2, и у меня нет изменений в том, как он воспроизводится... идея в том, что когда он останавливается, я бы хотел иметь обработчик для $ Событие EVT_SLIDESHOW_END, которое загрузит новый набор изображений и снова запустит слайд-шоу, однако это событие никогда не запускается, потому что слайд-шоу не останавливается. Любая помощь с этим будет оценена!

Answer 1

Опция $Loop контролирует поведение карусели. Если значение $Loop равно 0, при перетаскивании или нажатии кнопки "Далее" оно не будет двигаться вперед.

для вашего подхода захватите событие $JssorSlider$.$EVT_STATE_CHANGE.

//Each slide will go through progress of progressBegin, idleBegin, idleEnd, progressEnd. Capture playing state change event then
jssor_slider.$On($JssorSlider$.$EVT_STATE_CHANGE, function(slideIndex, progress, progressBegin, idleBegin, idleEnd, progressEnd)
{
    if(slideIndex == [last slide] && progress == progressEnd)
    {
        //do something when last slide plays over
    }
});