0

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

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

有人可以告诉我这是如何实现的吗？非常感谢，我已经搜索和搜索，只是无法弄清楚如何使用 jquery 轮播/滑块实现每张幻灯片的页面重新加载。

4

1 回答 1

0

当您可以使用静态 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>
于 2013-06-18T08:11:16.960 回答