2
Shadowboxを動作させようとしている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の拡張機能に従って完全に有効です。
何らかの理由で、シャドウボックスがを何もしていないようです。。画像リンクをクリックすると、ブラウザは画像を通常どおりに開きます。全く箱なし。
私はJQueryをロードせずにシャドウボックスのみをロードしようとしましたが、それは役に立たなかったので、JQueryのフォルトでもありません。これは、Shadowbox 3.0bのところです。何か案は？
編集：私はちょうど考えている...シャドウボックスは、それへの道を理解するいくつかの内部の魔法を行います。ただし、このページは完全に静的で、ディスク上のファイルから直接ロードされます。これが問題だろうか？ DOMを見ると、Shadowbox.pathが「file：/// C：/ ...」に正しく設定されていることが分かります。
ああ、ありがとう！私は本当にその部分を持っていません。よく働く！ –