Shadowbox を機能させようとしている XHTML 1.0 Strict ドキュメントがあります。
<!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:/...」に設定されていることがわかります。