Fancybox更改网址

Question

我有一个pinterest风格的画廊。我想这样做，当你点击图像时，它打开一个带有更大图像的fancybox，然后在框下面的评论和其他东西。但我希望每个图像/图像fancybox都有自己的网址，以便人们可以共享链接和内容。关于如何做到这一点的任何想法？

提前致谢

Answer 1

只需使用fancybox作为默认设置。引发onComplete事件时，操作DOM并搜索fancybox容器，然后添加注释和内容。

Answer 2

您可以使用HTML5历史记录更改浏览器中的网址。 https://developer.mozilla.org/en/DOM/Manipulating_the_browser_history

然后在整页加载时，您可以使用window.location获取URL并修改DOM以满足您的需求。

Answer 3

有两种方式：
1.像Facebook一样：http://spoiledmilk.dk/blog/html5-changing-the-browser-url-without-refreshing-page
2.像Twitter一样：
您可以使用location.hash来访问和更改网址的＃部分     //example.com/
    location.hash = 'foo'; //becomes example.com/#foo

Answer 4

我会通过创建一个接收图像id的PHP脚本来解决这个问题。 outputimage.php?id=123然后输出图像的html，评论etx。可以使用jQuery ajax调用调用此脚本，该调用从脚本请求html，然后将其放在fancybox div中。

另一个名为image.php?id=的页面，它再次接收图像的ID并使用outputimage.php在单独的页面布局中显示html。这个页面将是您的独立布局。