javascript - Fancybox：不同 DIV 中的下一个和上一个图像？

Question

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），但无法获取灯箱中的“下一个”和“上一个”按钮以从下一个 div 获取图像。它仅显示来自一个 div 的图像。

我怎样才能让fancybox“prev”和“next”与这样的HTML结构一起工作？