2013-09-05 96 views
0

我想为我的网站使用ColorBox。我用这个代码:关闭后ColorBox的幻灯片关闭

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

而我的问题是 - 当我第一次点击图片时,幻灯片的作品。但是,当我关闭它然后重新打开它时,幻灯片放映按钮就会丢失。什么可能导致这个?

的jsfiddle:http://jsfiddle.net/37365/

+0

链接到测试现场? – Laniakea

+0

对不起,这是我的客户,现在它是wip。问题是 - 我让它变得很糟糕,它在那里效果很好。 –

+0

请你包括jsfiddle链接。 – Laniakea

回答

0

好吧,我想我已经想通了什么问题。这与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"> 
+0

不,我在网站上使用的图像不是来自placehold.it,而是来自我的本地服务器。 –

+0

我想看看'head'标签之间有什么。也看看我的小提琴,并告诉我,如果它是在你的最终? – Laniakea