Question

我有一个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似乎 nothing 。当我单击图像链接时，浏览器会像往常一样打开图像。完全没有盒子。

我尝试过不加载JQuery并且只加载Shadowbox但是没有用，所以这也不是JQuery的错。顺便说一句，这是使用Shadowbox 3.0b。有什么想法吗？

编辑：我只是想到了... Shadowbox做了一些内部魔术来找出它的路径。但是，此页面是完全静态的，并直接从磁盘上的文件加载。这可能是问题吗？看看DOM，我看到Shadowbox.path被正确设置为“file：/// C：/ ...”所以也许不是吗？

Answer 1

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

Shadowbox似乎不起作用

1 个答案: