0

我正在尝试使用标准灯箱。在我尝试将多个图像添加到一个“集合”之前，一切都很完美。

只使用没有模组的标准语法

<script src="js/jquery-1.7.2.min.js"></script>
<script src="js/lightbox.js"></script>
<link href="css/lightbox.css" rel="stylesheet" />

<a href="images/famroom.jpg" rel="lightbox[rooms]" title="Family Room"><img src="images/famroom.jpg" alt="Bedroom" width="250" height="188" class="fltrt"></a>Accommodation</h4>    
<a href="images/twinroom.jpg" rel="lightbox[rooms]" title="Twin Room"></a>
<a href="images/doubleroom.jpg" rel="lightbox[rooms]" title="Double Room"></a>
<a href="images/bathroom.jpg" rel="lightbox[rooms]" title="Bathroom"></a>

以上不起作用。它显示为损坏的图像，当我单击时，我只看到一个纯白色的图像。

但是，这（例如）工作正常。

<a href="images/famroom.jpg" rel="lightbox" title="Family Room"><img src="images/famroom.jpg" alt="Wedding Table" width="250" height="188" class="fltlft"></a>

它唯一的 IE8 我遇到了这个问题（没有尝试过 6、7 或 9），它在 FF 和 Chrome 中完美运行。页面上没有使用其他脚本。

4

2 回答 2

1

我已经在 IE8 上进行了测试，我的示例似乎正在运行，也许与我的示例进行比较，看看您是否遗漏了什么？

http://jsfiddle.net/n1ck/RcA3a/3/

我包括（取自他们的演示页面）：

 <link rel="stylesheet" href="http://lokeshdhakar.com/projects/lightbox2/css/lightbox.css"   type="text/css" media="screen">
 <script src="http://lokeshdhakar.com/projects/lightbox2/js/jquery-1.7.2.min.js"></script>
 <script src="http://lokeshdhakar.com/projects/lightbox2/js/lightbox.js"></script>
于 2012-05-31T00:09:21.830 回答
0

这有一个奇怪的决议。事实证明，这在本地不起作用。

当我将它上传到服务器时，它运行良好。

于 2012-06-28T06:13:30.087 回答