Question

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

只使用没有mods的标准语法

<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中都很完美。页面上没有其他脚本在使用。

Answer 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>

Answer 2

这个问题有一个奇怪的解决方案。事实证明这只是在本地不起作用。

当我将其上传到服务器时，它工作得很好。

具有多个图像的灯箱在IE中不起作用

2 个答案: