Question

我想在我的网站上使用ColorBox。我用了这段代码：

$('a.gal').each(function() {
    $(this).colorbox({
        rel:'g',
        slideshow: true,
        scrolling: false,
        slideshowAuto: false,
        returnFocus: false
    });
});

我的问题是 - 当我第一次点击图片时，幻灯片显示有效。但当我关闭它然后重新打开它时，幻灯片按钮丢失了。可能导致这种情况的原因是什么？

jsFiddle：http://jsfiddle.net/37365/

Answer 1

好的，我想我已经弄清了问题所在。这与 placehold.it 图像有关。当我在本地或从不同的URL加载图像时，幻灯片放映工作正常。

<a href="your_image_location" class="gal"><img src="http://www.placehold.it/350x150.jpg" class="attachment-full">

jsfiddle：http://jsfiddle.net/

如果它仍然不适合你，请检查head标签内部，看看你是否包含了所有必要的脚本：

<script src="http://code.jquery.com/jquery-2.0.2.js" type="text/javascript">
<script src="http://code.jquery.com/jquery-migrate-1.2.1.js" type="text/javascript">
<script src="http://www.jacklmoore.com/colorbox/jquery.colorbox.js" type="text/javascript">

关闭后ColorBox的幻灯片关闭

1 个答案: