jssor - 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
    }
});