我有一个 pinterest 风格的画廊。我想这样做，所以当您单击图像时，它会打开一个带有更大图像的花式框，然后在框下进行评论和其他内容。但我希望每个图像/图像花式框都有自己的 url，以便人们可以共享链接和内容。关于如何做到这一点的任何想法？
提前致谢
问问题
1477 次
4 回答
0
只需使用 fancybox 作为默认值。当 onComplete 事件被引发时，为 fancybox 容器操作 DOM 和 serach 并添加评论和内容。
于 2012-04-16T19:20:14.213 回答
0
您可以使用 HTML5 历史记录更改浏览器中的 url。 https://developer.mozilla.org/en/DOM/Manipulating_the_browser_history
然后在整个页面加载时，您可以使用 window.location 获取 url 并修改 DOM 以满足您的需要。
于 2012-04-16T19:21:55.967 回答
0
有两种方法：
1. 像 Facebook 那样：http
://spoiledmilk.dk/blog/html5-changeing-the-browser-url-without-refreshing-page
2. 像 Twitter 那样：
你可以访问和更改# - 部分网址使用location.hash
//example.com/
location.hash = 'foo'; //becomes example.com/#foo
于 2012-04-16T19:23:04.010 回答
0
我会通过创建一个 PHP 脚本来解决这个问题，该脚本接受图像的 id，例如outputimage.php?id=123，然后输出图像的 html、注释等。可以使用 jQuery ajax 调用来调用此脚本，该调用从脚本中请求 html，然后将其放置在 fancybox div 中。
另一个调用image.php?id=的页面再次接受图像的 id 并用于outputimage.php在单独的页面布局中显示 html。该页面将成为您的独立布局。
于 2012-04-16T19:24:38.543 回答