jquery lightbox插件的问题

Question

我喜欢这个插件。我遇到了问题，无法找到解决方案。有问题的网站是：

http://www.fuzzysiberians.com/index.cfm

我的问题是如果你点击Katja的照片（她是飞行的小猫），然后点击下一个按钮，就没有任何东西出现了。

我不确定哪个灯箱试图在那里加载。我对所有图像引用进行了三重检查，以确保图像位于正确的文件夹中。

有什么想法吗？

感谢

Answer 1

灯箱正试图加载空白图像。问题来自于您如何初始化灯箱。您的选择器设置为$('#gallery a')，在某些情况下这很好，但在<div id='gallery'>内部，您有一个不包含图像的链接。

为了纠正这个问题，我建议进行以下更改：

像这样初始化你的灯箱 -

$('a.gallery').lightBox();    //This selects all links with class="gallery" and adds them to lightbox

然后，对于页面上的每个链接，您的灯箱中包含的内容都会添加类库

例如

<a href="siberianCats/SiberianCat-9.jpg" class="gallery" style="border:1px solid #8A8DA7" title="Siberian Kitten">
    <img src="siberianCats/SiberianCat-9.jpg" alt="Fuzzy Siberian Cat and Siberian Kitten" title="Fuzzy Siberian Cat and Siberian Kitten"/>
    </a>

---

为了获得额外的功劳，您可以将样式声明移动到styles.css css文件中，如下所示：

a.gallery{
border:1px solid #8A8DA7;
}

---

另一方面，每页只能使用1x的id。类用于非唯一DOM元素。