Fancybox:不同DIV中的下一张和上一张图片?

时间:2013-07-22 16:28:25

标签: javascript jquery html5 fancybox

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结构一起使用?

0 个答案:

没有答案