Colorbox没有显示边框或按钮，其他问题

Question

我已经看到了关于同样问题的一些问题，我已经尝试了其中的所有建议，但到目前为止还没有任何效果。

我按照它们应该的顺序加载css / js文件：Colorbox.css-＆gt; jQuery.js-＆gt; Colorbox.js（其他css和js文件加载在它们之间）。< / p>

我正在通过脚本启动彩盒：

$().ready(function() {
    $('.dgallery').click(function(e) {
        e.preventDefault();
        $('a[class=dgallery]').colorbox({
            rel:'dgallery', 
            slideshow:true,
            preloading:true,
            slideshowSpeed:4000
        }).click();
    });
});

HTML（.dgallery在样式表中显示：none）：

<a class="dgallery" href="/assets/images/VideoSlides/slide1.png"></a>
<a class="dgallery" href="/assets/images/VideoSlides/slide2.png"></a>
<a class="dgallery" href="/assets/images/VideoSlides/slide3.png"></a>

问题似乎因浏览器而异：

• Chrome会显示灯箱和图片，但缺少边框和按钮。偶尔，我看到灯箱打开，它说“图像无法加载”，但随后继续播放幻灯片并且它可以工作（但仍然缺少边框和按钮）。

• Firefox打开看起来很好的灯箱。但它只是坐在那里“加载”图形，从不加载图像。

• IE与Chrome做同样的事情。有时我看到浏览器在打开灯箱之前会闪烁白色。

我不确定我还缺少什么。