HTML结构如下所示:
<div id="gallery" class="container">
<div class="thumbs-holder">
<div class="thumbs-center-area">
<div class="thumb-back">
<a class="fancybox" href="images/image1.jpg">
<img class="thumb" src="images/thumbnails/image1.jpg" title="Image 1" />
</a>
</div>
</div>
</div>
<div class="thumbs-holder">
<div class="thumbs-center-area">
<div class="thumb-back">
<a class="fancybox" href="images/image2.jpg">
<img class="thumb" src="images/thumbnails/image2.jpg" title="Image 2" />
</a>
</div>
</div>
</div>
...
</div>
使用上面的代码,当我点击缩略图时,它会打开灯箱图片(fancybox),但无法获得灯箱中的“next”和“prev”按钮以从下一个div获取图像。它仅显示来自一个div的图像。
如何使fancybox“prev”和“next”与HTML结构一起使用?