javascript - 一页缩略图中的多个 fancybox 画廊

标签 javascript jquery html fancybox-2

我有一页 6 张图片,每张图片都不同的房子。单击时,我希望每张图像都能打开一个 fancybox 画廊,其中包含同一所房子的 4 张新的更详细的图像。最后,我希望 fancybox 中的 4 张详细照片显示为当前显示图像下方的缩略图。

我已经想出了如何显示一个 fancybox 画廊,其中显示主要 6 个图像(带有缩略图,但我一生都无法弄清楚如何让 6 个图像中的每一个加载自己的 fancybox ,其中包含 4 个新图像)这让我抓狂!

感谢您的帮助!

最佳答案

fancybox 网站上有一个这样的示例:

标题:“方法一 - 隐藏其他图像(多个图库)”

http://fancyapps.com/fancybox/#instructions

基本上,您可以隐藏其他内容,并使用多个画廊的“rel”分组将它们分组在画廊中

关于javascript - 一页缩略图中的多个 fancybox 画廊,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21689188/

相关文章:

javascript - 使用 html 将新的 li html 附加到页面时无法准确获取 li 标签的高度

php - '==' 和 '===' 有什么区别?

jquery - 如何使用jquery等到innerHTML完成加载后再执行其他功能?

javascript - 使用 JavaScript 计算小时数

linux - CUPS Web 界面的工作原理

javascript - jQuery else 语句不起作用

javascript - chart.js - 折线图 - 我能以某种方式可视化正/负变化吗?

javascript - jQuery - 总和额外的 div 未显示?

jquery - django: Bootstrap 菜单不会在移动设备上折叠

javascript - 如何根据下拉选择使文本框只读?