jquery lightbox 0.5給隱藏鏈接提供錯誤。如何解決它？

我使用jQuery的燈箱，0.5 http://leandrovieira.com/projects/jquery/lightbox/ 調用這樣jquery lightbox 0.5給隱藏鏈接提供錯誤。如何解決它？

$('.zoomLightbox a').lightBox();

的Html

<p class="zoomLightbox"> 
<a rel="lightbox" class="zoomPhoto" title="abc" href="images/products/lightbox-zoom-placeholder.gif">View larger photo</a> 
<a style="display: none;" rel="lightbox" class="zoomPhoto hide" title="abc" href="images/products/lightbox-zoom-placeholder.gif">View larger photo</a> 
... 
</p>

除了第一個鏈接其他被隱藏。現在的問題是，當移動到第二個img，然後返回到第一個prev鏈接仍處於活動狀態，並且onclicking prev鏈接它提供此錯誤。

settings.imageArray[settings.activeImage] is undefined 
[Break On This Error] objImagePreloader.src = settings.imageArray[settings.activeImage][0];

我卡在這裏任何幫助讚賞。

其hapening只有當fixedNavigation：真

來源

2011-05-02 bin

看到這個post，並讀取在最後部分添加的註釋。

::更新:: 夥計，我已經實現了基於你給出的示例代碼，並在我結束它的做工精細的例子....

HTML代碼：

<%@page contentType="text/html" pageEncoding="UTF-8"%> 

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
     "http://www.w3.org/TR/html4/loose.dtd"> 

    <html> 
     <head> 
      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
      <title>JSP Page</title> 
      <script type="text/javascript" src="jquery-1.5.2.js"></script> 
      <script type="text/javascript" src="jquery.lightbox-0.5.js"></script> 
      <link rel="stylesheet" type="text/css" href="jquery.lightbox-0.5.css" media="screen" /> 
      <script type="text/javascript"> 
       $(document).ready(function() { 
        $('.zoomLightbox a').lightBox(); 
       }); 
      </script> 
     </head> 
     <body> 
      <p class="zoomLightbox"> 
       <a rel="lightbox" class="zoomPhoto" title="abc" href="img_1.png">View larger photo</a> 
       <a style="display: none;" rel="lightbox" class="zoomPhoto hide" title="abc" href="img_2.png">View larger photo</a> 
      </p> 
     </body> 
    </html>

而以下是項目結構：

enter image description here

只是交叉檢查你的代碼與上面，並確保你有正確的包括所需的JS和CSS文件...

來源

2011-05-02 06:51:10 Nirmal

它不適合我......當我通過螢火蟲檢查時發現lightbox-nav-btnPrev帶有顯示：無，但在我的情況下不是。我無法找到 – bin 2011-05-02 09:56:57

檢查我的更新答案，它有工作示例... – Nirmal 2011-05-02 10:47:35

我想你已經失蹤<img />標籤。根據該插件的文件，你的標記應該是這樣的：

<p class="zoomLightbox"> 
<a rel="lightbox" class="zoomPhoto"> 
    <img title="abc" src="images/products/lightbox-zoom-placeholder.gif" /> 
    View larger photo 
</a> 
<a style="display: none;" rel="lightbox" class="zoomPhoto hide" > 
    <img title="abc" src="images/products/lightbox-zoom-placeholder.gif" /> 
    View larger photo 
</a> 
... 
</p>

編輯：我意識到，<img> s爲不強制插件。更新此答案時請稍候。

來源

2011-05-02 06:55:08

我想你應該修改插件

轉到行194

objImagePreloader.src = settings.imageArray[settings.activeImage][0]

變化

if (settings.imageArray[settings.activeImage]) { 
       objImagePreloader.src = settings.imageArray[settings.activeImage][0]; 
      } 
      else { 
       _finish(); 
       return false; 
      }

希望這有助於！

來源

2011-05-30 03:41:08 yomen

jquery lightbox 0.5給隱藏鏈接提供錯誤。如何解決它？

回答

相關問題