javascript - 页面重新加载时，加载第一张幻灯片

Question

我创建了一个分页脚本，单击上一个和下一个按钮时，幻灯片将从 1、2、3 .. 等位置移动。链接如下。

<强> LIVE DEMO

问题:当加载上述页面时，我默认可以看到幻灯片 - 1。当我单击“下一步”或移至“幻灯片 - 2”并刷新页面时，我可以看到“幻灯片 - 2”而不是“幻灯片 - 1”，它在首次加载时可以正常打开。因此，我希望每次刷新页面时都能打开幻灯片 - 1，无论幻灯片是否移动。

javaScript 代码片段如下。

turnpage:function(setting, thepage, autocall){
    var currentpage=setting.currentpage //current page # before change
    var totalpages=setting.contentdivs.length
    var turntopage=(/prev/i.test(thepage))? currentpage-1 : (/next/i.test(thepage))? currentpage+1 : parseInt(thepage)
    turntopage=(turntopage<1)? 1 : (turntopage>totalpages)? totalpages : turntopage //test for out of bound and adjust

    document.querySelector('.prev').style.visibility=(turntopage == 1)? "hidden" : "visible";
    document.querySelector('.next').style.visibility=(turntopage == totalpages)? "hidden" : "visible";

Answer 1

更改代码

//setting.currentpage=urlselectedpage || ((this.enablepersist)? persistedpage : 1)
setting.currentpage=1;  

https://jsfiddle.net/c97tfkLy/