Question

我正在尝试使用jquery插件Color Box：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”），并将插件应用于＆lt; a＆gt;元素，而不是＆lt; img＆gt;在里面

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

jQuery Colorbox插件没有加载图片

3 个答案: