2

我有一个 XHTML 1.0 Strict 文档，我正在尝试让 Shadowbox 工作。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  <head>
    <meta name="Content-Type" content="text/html; charset=UTF-8" />
    <title>Test page</title>
    <link rel="stylesheet" type="text/css" href="shadowbox.css" />
    <script type="text/javascript" src="jquery-1.3.2.min.js"></script>
    <script type="text/javascript" src="shadowbox.js"></script>
    <script type="text/javascript">
      Shadowbox.init();
      console.log('Howdy there!'); // displays, so no JS error in Shadowbox.init
    </script>
  </head>
  <body>
    <p>
      <a href="image.jpg" title="Howdy" rel="shadowbox">
        <img src="image.jpg" alt="Click to zoom." />
      </a>
    </p>
  </body>
</html>

根据我的 Firefox 扩展，此文档完全有效。

出于某种原因，Shadowbox 似乎什么也没做。当我单击图像链接时，浏览器会像往常一样打开图像。根本没有盒子。

我试过不加载 JQuery，只加载 Shadowbox，但这没有帮助，所以这也不是 JQuery 的错。顺便说一句，这与 Shadowbox 3.0b 一起使用。有任何想法吗？

编辑：我刚刚开始思考...... Shadowbox 做了一些内部魔法来找出通向它的路径。但是，此页面是完全静态的，并且直接从磁盘上的文件加载。这可能是问题吗？查看 DOM，我看到 Shadowbox.path 正确设置为“file:///C:/...”所以可能不是？

4

1 回答 1

1

您需要（nebo 必须拥有）包含 showbox.js 文件的目录中的 showbox.zip 中的所有目录，因为 showbox 会将其他脚本添加到页面中。

于 2009-08-14T11:37:48.600 回答