Javascript 带有多个图像的Lightbox在IE中不工作

Javascript 带有多个图像的Lightbox在IE中不工作,javascript,html,internet-explorer-8,lightbox,Javascript,Html,Internet Explorer 8,Lightbox,我试着用标准的灯箱。在我尝试将多个图像添加到一个“集合”之前,一切都很完美 只使用标准语法,没有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

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

只使用标准语法,没有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中工作得非常完美。页面上未使用其他脚本

我已经在IE8上进行了测试,我的示例似乎有效,也许可以与我的示例进行比较,看看您是否遗漏了什么

我包括(摘自他们的演示页面):


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


当我把它上传到服务器上时,它工作得很好。

你真的打算拥有超过1套吗?如果没有,就没有理由把它放在一个集合中。我在页面上有其他带有单个图像的灯箱。我只希望第一个灯箱在页面上有一个图像,单击后,它将显示箭头以导航其他三个图像。据我所知,我需要用套装来做这个?是的,你需要。。。我不知道为什么它可以在FF和Chrome中工作,但不能在IE中工作。您是否为所有集合指定了一个特定的名称?
 <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>