0

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

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

我正在通过脚本启动颜色框：

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

HTML（.dgallery 在样式表中有 display: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 做同样的事情。有时我看到浏览器在打开灯箱之前闪烁白色。

我不确定我还缺少什么。

4

0 回答 0