jquery lightbox插件有问题

lightbox正在尝试加载空白图像。问题的出现是因为你如何初始化你的lightbox。您的选择器设置为 $('#gallery a') 在某些情况下是可以的,但在你的 <div id='gallery'> 您有一个不包含图像的链接。

要更正此问题,我建议进行以下更改:

像这样初始化你的灯箱-

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

然后,为页面上的每个链接添加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;
}

在旁注中,每页只能使用一个ID 1X。类用于非唯一的DOM元素。