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

我有两个行为问题，我无法克服。首先，我无法成功滚动图像。当我点击Lightbox中的Next/Prev按钮时，它只停留在当前图像上。jquery-lightbox奇怪的行为（不会提前到下一个/ prev图像）

此外，如果我正好在Lightbox图片的中间点击，它会关闭。

$(function(){ 


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

});

所以我试过这个有和没有“fixedNavigation：true”参数。

我的标记如下：

<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>

感谢您的帮助！

来源

2011-03-15 Ben

在jsfiddle.com中发布您的设置。 jQuery的灯箱需要一个CSS文件吗？ – Jason 2011-03-15 00:52:56

jquery lightbox附带一个css文件，并且在我的页面上加载时没有问题 – Ben 2011-03-15 00:54:18

在jsfiddle.com上发布设置非常简单。只需将最终页面复制并粘贴到html部分，然后单击保存并在此处发布网址 – Jason 2011-03-15 00:55:40

我在脚本中发现问题，但我不确定它是否能解决您的问题。

您的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>

来源

2011-03-15 01:15:36 YNhat

谢谢你。我的标记由于某种原因关闭了，你的答案是正确的。我正在浏览它，但仍然无法看到它。非常感谢 – Ben 2011-03-15 14:19:55

布伦丹 - 它看起来像你原来的HREF都指向相同的（第一个）图像和YNhat纠正了。如果您复制/粘贴了他的标记，那很可能是问题的原因。

来源

2012-03-16 18:24:35 Glenn

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

回答

相关问题