javascript - JSSOR - 每次网页刷新后保持当前 slider 位置

Question

我刚刚安装了名为“嵌套 slider ”的漂亮 Jssor slider (可以从网页免费下载源代码:http://www.jssor.com/demos/nested-slider.html)。

您能否建议我如何获得以下行为:

每个主 slider 和子 slider 都包含大量在幻灯片放映过程中运行的图像。 我需要能够继续保持幻灯片放映，即使它会受到网页刷新的干扰(例如，当客户更改产品等时)。 在实践中，当幻灯片位于第二个位置“电机”且图像编号 7 和网页将刷新时，我希望页面刷新后，客户将从第二个位置“电机”和图像编号 7 开始继续观看此幻灯片目前，每次网页刷新后，幻灯片都会从头开始播放，即从第一个位置“横向”和图像编号 1 开始。

这是否会以某种方式影响cookie？ 这很难实现吗？ 我将非常感谢您提供可以立即使用的确切代码。

亲切的问候， 本

Answer 1

有一个选项 $StartIndex 可以让您在开头显示 slider 的指定幻灯片。

var options = {
    ...
    $StartIndex: lastviewed_slide_index,    //Index of slide to display when initialize, default value is 0
    ...
};

鉴于嵌套 slider 示例，您可以使用以下语句来检索上次查看的索引。

var main_slider_lastviewed_index = jssor_slider1.$CurrentIndex();
var child_slider_lastviewed_index = nestedSliders[main_slider_lastviewed_index].$CurrentIndex();