jQuery Colorbox插件没有加载图片

Question

我正在尝试使用jquery插件颜色框： http ： //www.jacklmoore.com/colorbox/

HTML：

<center>
    <div class='images'>
        <a class="group1" href="http://placehold.it/250x150" title="Фотография 1"><img src='http://placehold.it/250x150'></a> 
        <a class="group1" href="/media/images/background.jpg"> <img src='http://placehold.it/250x150'></a>
    </div>
</center>

JS：

$(".images img").colorbox({rel:'images', transition:"fade"});

当我点击图像黑色空白屏幕出现时，黑匣子，图片必须放在原位，出现，图标加载constanlty旋转和图像没有加载。 没有任何错误或消息。 只加载图标。

我怎么能解决这个问题？

Answer 1

试试这段代码：

$(".images > .group1").colorbox({rel:'images', transition:"fade"});

Answer 2

尝试这个：

<div style="text-align:center;">
    <div class='images'>
        <a class="group1" rel="images" href="http://placehold.it/250x150" title="Фотография 1"><img src='http://placehold.it/250x150'></a> 
        <a class="group1" rel="images" href="/media/images/background.jpg"> <img src='http://placehold.it/250x150'></a>
    </div>
</div>

我在这里做了什么为图像添加了一个rel属性，其值images与您的代码相匹配。

注意：不推荐使用<center> 。 请改用<div style="text-align:center;"> 。

Answer 3

$(".images a").colorbox({rel:'group1', transition:"fade"});

Rel应该引用类（“group1”），并且插件应用于<a>元素，而不是其中的<img>

http://www.jacklmoore.com/colorbox/example3/