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不加载图像

回答

相关问题