Question

我有兴趣制作像这样的幻灯片：http://camillestyles.com/summer/10-best-splendid-summer-favors/

我希望每张幻灯片都有自己的网址/页面，并且每张幻灯片都要刷新页面。

有人能告诉我这是如何实现的吗？非常感谢你，我已经搜索过，并且无法弄清楚如何使用jquery旋转木马/滑块来实现每张幻灯片的页面重新加载。

Answer 1

当你可以用静态html完成它时，也许你对jQuery和轮播项目的思考太多了。为什么不制作单独的html页面并链接到它们？可以像......一样简单。

<a href="slide2.html">Next Slide</a>

将每个幻灯片放在一个单独的html文件中（或者您设置了服务器端）。如果您确实希望每次都刷新页面，这可能就是这样做的方式。

或者，如果你真的想/需要用javascript改变整个页面，你可以用...

来做

window.location.href = "slide2.html";

或者，如果由于某种原因你仍然需要相同的html页面（或服务器端视图）来处理每张幻灯片，但是你希望在更改幻灯片时完全重新加载页面，你可以通过使用查询字符串来实现这一点，像这样：

if (getParameterByName("slide") == 3) {
    $("#slide3").show();
}
else if (getParameterByName("slide") == 2) {
    $("#slide2").show();
}
else {
    $("#slide1").show();
}

如果你得到这样的查询字符串，例如：https://stackoverflow.com/a/901144/257494。

然后你会像这样导航：

<a href="slideshow.html?slide=2">Next Slide</a>

每个幻灯片重新加载/刷新页面的jquery轮播？

1 个答案: