FancyBox 画廊集成

Question

我有一个关于 FancyBox 集成的问题。我会创建一个包含 10 张图片但只有一个缩略图的画廊。例如： http ://fancyapps.com/fancybox/demo/ 第一个演示展示了四个图像：森林、大海、日落和埃菲尔铁塔。我可以包含单个缩略图吗，例如埃菲尔铁塔的缩略图，点击后会在灯箱中显示埃菲尔铁塔的图像，还有森林、大海和日落的图像。我尝试了很多东西，但没有任何工作正常。如果您有任何想法... 非常感谢。

PS：我使用 Twitter Bootstrap-1.3 和 FancyBox-2

Answer 1

无论是否显示缩略图，您都需要指向图库中所有图像的链接，因此您可能拥有此 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();