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

JSSOR - $ Loop选项似乎不起作用

1 个答案: