jquery lightbox不加載圖像

我想讓this lightbox工作，我不太確定我錯過了什麼。jquery lightbox不加載圖像

我的相關代碼如下：

<head> 
    <link href="style.css" rel="stylesheet" type="text/css"> 
    <script type="text/javascript" src="jquery.js"></script>    
    <!-- Lightbox --> 
    <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() {   
      $("img.comidas").lightBox(); 
     }); 

    </script>  
</head>

的圖像被以這種方式持續顯示：

<tr> 
    <td><a href="images/big-boss-adulto.jpg"><img src="images/big-boss-adulto.jpg" width="118" height="170" class="comidas"/></a></td> 
    <td><a href="#"><img src="images/big-boss-cachorro.jpg" width="118" height="170" class="comidas"/></a></td> 
    <td><a href="#"><img src="images/eukanuba-adulto.jpg" width="118" height="170" class="comidas"/></a></td> 
</tr>

（如果收藏的作品第一個圖像我只是想）

問題ID以下，燈箱卡在這裏（在加載部分）：

enter image description here

事情我檢查了，我也可以推斷出：

所有js和css是否正確鏈接和存在
燈箱的JavaScript和styleshit以來都可能正常工作：
- 風格似乎是正確的
- 當你點擊圖片（或按ESC）外的lighbox消失

我用負載檢查另一件事：

$(window).load(function() {  
    $("img.comidas").lightBox(); 
});

但同樣的問題似乎依然存在。

來源

2011-12-15 Trufa

嘗試選擇包含<a>元素而不是圖像本身的lightbox()函數。

來源

2011-12-15 05:13:13 Aaron

這是正確的，謝謝！ – Trufa 2011-12-15 05:16:51

@Trufa沒問題，很高興我能幫上忙。 – Aaron 2011-12-15 05:21:09

你的目標是JS中的錯誤元素。您需要定位圖片周圍的錨點鏈接，而不是圖片本身。

來源

2011-12-15 05:13:21 tw16

jquery lightbox不加載圖像

回答

相關問題