在页面重新加载,加载第一张幻灯片

时间:2015-05-21 13:58:12

标签: javascript

我创建了一个分页脚本,点击上一个和下一个按钮,幻灯片将从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";

1 个答案:

答案 0 :(得分:2)

更改代码

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

https://jsfiddle.net/c97tfkLy/