为每张幻灯片重新加载/刷新页面的jquery轮播？答案

【问题标题】：jquery carousel that reloads/refreshes page for each slide?为每张幻灯片重新加载/刷新页面的jquery轮播？
【发布时间】：2013-06-17 15:01:42
【问题描述】：

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

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

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

【问题讨论】：

标签： jquery refresh slideshow carousel jcarousel

【解决方案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>

【讨论】：