Question

我有两个我无法克服的行为问题。首先，我无法成功滚动图像。单击灯箱中的“下一个/上一个”按钮时，它将保留在当前图像上。

此外，如果我在灯箱图像的中间单击，它会关闭。

$(function(){


$('#photos a').lightBox({fixedNavigation:true, imageBtnPrev:'{{site}}media/imageslightbox-btn-prev.gif',imageBtnNext:'{{site}}media/images/lightbox-btn-next.gif',containerResizeSpeed:350,});

});

所以我在使用和不使用＆＃34; fixedNavigation：true＆＃34;参数。

我的标记如下：

  <div id="photos">
        <ul>
            <li><a href="{{site}}media/apt-img4.jpg"><img src="{{site}}media/apt-img4.jpg" width="185" height="110" alt="Thumb" /></a></li> 
            <li><a href="{{site}}media/apt-img4.jpg"><img src="{{site}}media/apt-img5.jpg" width="185" height="110" alt="Thumb" /></a></li>
            <li><a href="{{site}}media/apt-img4.jpg"><img src="{{site}}media/apt-img6.jpg" width="185" height="110" alt="Thumb" /></a></li>
            <li><a href="{{site}}media/apt-img4.jpg"><img src="{{site}}media/apt-img7.jpg" width="185" height="110" alt="Thumb" /></a></li>
        </ul>
    </div>

感谢您的帮助！

Answer 1

我发现你的脚本存在问题，但我不确定它能解决你的问题。

您的javascript中有一个额外的逗号。它会在IE中引起问题。它应该是：

$('#photos a').lightBox({fixedNavigation:true, imageBtnPrev:'{{site}}media/imageslightbox-btn-prev.gif',imageBtnNext:'{{site}}media/images/lightbox-btn-next.gif',containerResizeSpeed:350});

在您的html代码中，您为所有缩略图加载示例图像。它应该是：

 <div id="photos">
            <ul>
                <li><a href="{{site}}media/apt-img4.jpg"><img src="{{site}}media/apt-img4.jpg" width="185" height="110" alt="Thumb" /></a></li> 
                <li><a href="{{site}}media/apt-img5.jpg"><img src="{{site}}media/apt-img5.jpg" width="185" height="110" alt="Thumb" /></a></li>
                <li><a href="{{site}}media/apt-img6.jpg"><img src="{{site}}media/apt-img6.jpg" width="185" height="110" alt="Thumb" /></a></li>
                <li><a href="{{site}}media/apt-img7.jpg"><img src="{{site}}media/apt-img7.jpg" width="185" height="110" alt="Thumb" /></a></li>
            </ul>
        </div>

Answer 2

Brendan - 看起来你的原始hrefs都指向同一个（第一个）图像而YNhat更正了。如果您复制/粘贴了他的标记，那可能是问题的原因。

jquery-lightbox奇怪的行为（不会前进到下一个/ prev图像）

2 个答案: