Question

我为支持css的图片下载了独立版的shadowbox。我将文件加载到我的网站服务器上，并将以下代码放在我的页面上：

网页的HTML头：

<link rel="stylesheet" type="text/css" href="shadowbox.css">
<script type="text/javascript" src="shadowbox.js"></script>
<script type="text/javascript">
Shadowbox.init();
</script>

我网页上的HTML链接：

<a href="files/IMG00237-20110525-1138.jpg" rel="shadowbox">My Image</a>

此代码没有任何反应。 Shadowbox没有加载....当我点击链接时，影片框中的图片也没有加载。我做错了什么？

一旦我开始工作，我想要实现的是，在页面加载时，阴影框会自动显示并开始滚动浏览照片库（我讨厌点击链接的东西）

Answer 1

我下载了最新的shadowbox并使用了上面的代码并且工作正常。

您确定影子框和图像的路径是否正确你检查过控制台日志了吗？

在设置方面，它会在加载时打开，他们在网站上有一个例子......

编辑：播放器需要设置为“img”，内容只需要是图像的路径。

<script type="text/javascript">
Shadowbox.init({
    // let's skip the automatic setup because we don't have any
    // properly configured link elements on the page
    skipSetup: true
});

window.onload = function() {

    // open a welcome message as soon as the window loads
    Shadowbox.open({
        content:    'https://www.google.co.nz/images/srpr/logo11w.png',
        player:     "img",
        title:      "Welcome",
        height:     350,
        width:      350
    });

};
</script>

Shadowbox无法加载/工作

1 个答案: