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圖像）

回答

相關問題