javascript - 如何链接到灯箱幻灯片中的特定图像?

标签 javascript jquery wordpress fancybox

我想我可能有点难以理解......

我使用 WP 自定义帖子类型和附件与 FancyBox 结合创建幻灯片/图库。没什么特别的,我不认为。您可以在这里看到它:http://photo.convoke.info/galleries/test-gallery/

但是,我希望能够链接到特定图像。因此,在那个特定的画廊中,有两个图像。我希望能够向某人提供类似 http://photo.convoke.info/galleries/test-gallery#1 的链接并让它打开图库页面,其中第一张图像已在灯箱中打开。 #2 表示第二张图像,等等

这可能吗?

它不一定是#1...可以是任何类型的标识符。我对 javascript/jQuery 的东西很菜鸟,所以请原谅我...我尝试用谷歌搜索,但找不到任何有用的东西。

谢谢!

最佳答案

你需要用纯js或jquery做两件事。

1) 当您单击图像时,将 window.location.hash 设置为您想要的值。 (或者使用Jquery历史插件,或者使用html5历史对象,任你选择)。这会将哈希值放入 URL 中。

 <img onclick='setHash(this.id)' ...

其中 setHash 是添加哈希的函数。然后,在页面加载/哈希更改时,您将需要一个处理程序根据哈希使用正确的图像调用灯箱。通常我只是使图像的 id 匹配并使用它来传递。但可能有一种更好的方式,就像从 fancybox 中所说的那样。

关于javascript - 如何链接到灯箱幻灯片中的特定图像?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9828212/

相关文章:

jquery - 组合 'this' 选择器?

jquery - $ 未在 Rails 应用程序中使用 Webpack 2 的 .js.erb View 中定义

javascript - 使用 jQuery 更改 href 值

wordpress - 使用原始 $request_uri 设置 fastcgi_cache_key 而不使用 $args

javascript - 将/.json 添加到快速路线末尾的最佳方法是什么?

javascript - 在zend中的html选择中选择更改后如何更新数据库

javascript - 在 IDEA 中打印 JavaScript 变量实时模板

javascript - npm install --save 和 npm install --save-dev 之间的区别

javascript - 单击两个链接时显示一个 Div

mysql - 无法将 WordPress 站点移动到新文件夹