我有一个关于 FancyBox 集成的问题。 我会创建一个包含 10 张图片但只有一个缩略图的画廊。 例如： http://fancyapps.com/fancybox/demo/ 第一个演示展示了四个图像：森林、海洋、日落和埃菲尔塔。 我可以包含一个缩略图吗，例如埃菲尔铁塔的缩略图，单击它会在灯箱中显示埃菲尔铁塔的图像，以及森林、大海和日落的图像。 我尝试了很多东西，但没有一个能正常工作。 如果你有什么想法... 非常感谢。
PS： 我使用 Twitter Bootstrap-1.3 和 FancyBox-2
【问题讨论】：
标签： jquery fancybox gallery thumbnails hidden
您需要一个指向图库中所有图像的链接，无论它们是否显示缩略图，因此您可能拥有此 html
<a class="fancybox" rel="gallery" href="image01.jpg"><img src="thumbnail01.jpg" alt="" /></a>
<a class="fancybox" rel="gallery" href="image02.jpg"></a>
<a class="fancybox" rel="gallery" href="image03.jpg"></a>
<a class="fancybox" rel="gallery" href="image04.jpg"></a>
等等。 ...这样，只显示一个缩略图，其余链接不可见但功能正常。
然后这样的脚本会触发画廊
$("a.fancybox").fancybox();
【讨论】：
您可以简单地将 display:none 添加到您不想显示的链接中。
【讨论】：