Question

我正试图通过点击一个缩略图让Lightbox打开一个图像库。当您单击它时，您应该能够滚动几个图像。这是我的网站：http://eta.terrellplace.com/terrell.php

我试着遵循这个：

How to make a jquery lightbox open multiple images from one link?

这是我的HTML：

<div id="fit">
    <div id='gallery'>
        <a href="images/plans/LEVEL 6[23].jpg" title="" class="lightbox"><img src="images/plans/smallsuites-thumb.jpg" alt="" /></a>
        <a rel="gallery" href="images/plans/LEVEL_3[25].jpg" title="" class="lightbox"></a>
        <a rel="gallery" href="images/plans/LEVEL_2-_TECH[25].jpg" title="" class="lightbox"></a>
        <a rel="gallery" href="images/plans/LEVEL_2_-_OFFICE[18].jpg" title="" class="lightbox"></a>
        <a rel="gallery" href="images/plans/LEVEL_2_-_OFFICE[18].jpg" title="" class="lightbox"></a>
    </div>
</div>

这是jQuery：

$(document).ready(function() {
    $('#gallery a').lightBox({fixedNavigation:true});
    $('#gallery a:gt(0)').hide();
});

有人可以告诉我这里似乎缺少什么。

由于

Answer 1

您需要提供rel=""属性。

<a rel="gallery" href="images/plans/LEVEL 3[25].jpg" title="" class="lightbox"></a>
<a rel="gallery" href="images/plans/LEVEL 2- TECH[25].jpg" title="" class="lightbox"></a>
<a rel="gallery" href="images/plans/LEVEL 2 - OFFICE[18].jpg" title="" class="lightbox"></a>
<a rel="gallery" href="images/plans/LEVEL 2 - OFFICE[18].jpg" title="" class="lightbox"></a>

看到文件名中包含空格是很奇怪的。在服务器中托管文件名时，请勿使用空格。

jQuery Lightbox从一个链接打开多个图像

1 个答案: