Question

我想让this 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>

（我只是尝试灯箱在第一张图片上工作）

问题如下，灯箱卡在这里（在装载部分）：

enter image description here

我检查过的事情，我可以推断：

所有js和css都正确链接并存在
灯箱的javascript和styleshit可能正常工作，因为：
- 风格似乎是正确的
- 当您在图像外部点击（或按esc）时，灯箱会消失

我检查的另一件事是使用load：

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

但同样的问题似乎仍然存在。

Answer 1

尝试为<a>函数选择包含lightbox()元素而不是图像本身。

Answer 2

您的目标是JS中的错误元素。您需要定位图像周围的锚点链接，而不是图像本身。

jquery lightbox不加载图片

2 个答案: