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以下,灯箱卡在这里(在加载部分):
事情我检查了,我也可以推断出:
- 所有js和css是否正确链接和存在
- 灯箱的JavaScript和styleshit以来都可能正常工作:
- 风格似乎是正确的
- 当你点击图片(或按ESC)外的lighbox消失
我用负载检查另一件事:
$(window).load(function() {
$("img.comidas").lightBox();
});
但同样的问题似乎依然存在。
答
尝试选择包含<a>
元素而不是图像本身的lightbox()
函数。
答
你的目标是JS中的错误元素。您需要定位图片周围的锚点链接,而不是图片本身。
这是正确的,谢谢! – Trufa 2011-12-15 05:16:51
@Trufa没问题,很高兴我能帮上忙。 – Aaron 2011-12-15 05:21:09