• 締切済み

shadowbox について

最近「shadowbox」というJSが 3.0b にバージョンアップされ、それを使っている者です。 http://www.shadowbox-js.com/ そこで質問です。 画像とYOUTUBE動画はしっかりJSが働きますが、「shadowbox」のウリでもあるイメージマップとサイト表示ができません。 head内記述は以下の通りです。 <link rel="stylesheet" type="text/css" href="***/shadowbox/shadowbox.css"> <script type="text/javascript" src="***/shadowbox/shadowbox.js"></script> <script type="text/javascript"> Shadowbox.init({ language: "en", players: ['img', 'html', 'iframe', 'qt', 'wmp', 'qtwmp', 'swf', 'flv'] }); </script> 「shadowbox.css」と「shadowbox.js」は公式HPで使用されている物をそのままコピーした物を使っています。 http://www.shadowbox-js.com/src/shadowbox.css http://www.shadowbox-js.com/src/shadowbox.js イメージマップについては、公式サイトのソースでは画像アドレスに対して「rel="shadowbox"」の記述が全くないのにJSが動作しているという謎仕様。 同じようにしたり、rel属性を付けても画像が普通に表示されるだけでJSが働きません。 htmlについては、リンクアドレスが「***.html」の場合のみJSが働きますが、「***.co.jp」などの場合は働きません。 色々調べたのですが、3.0bは最近公開された事もあってか、日本語で説明されたHPが見あたりません。 海外サイトを翻訳したりして調べても、そもそも当方はJS初心者なので理解に苦しんでおります。 おそらく「shadowbox.js」が原因だとは思うのですが、行数も多くどこの記述で何が変わるのかさえ判らない状態で困っております。 どなたか、無知な私にご教示願えないでしょうか。

みんなの回答

  • askaaska
  • ベストアンサー率35% (1455/4149)
回答No.1

ん~ 実際にあなたの作ったページがどんな風な実装になっているかわからないけど 一つ推測が立ったわ。 > htmlについては、リンクアドレスが「***.html」の場合のみJSが働きますが、「***.co.jp」などの場合は働きません players: ['img', 'html', 'iframe', 'qt', 'wmp', 'qtwmp', 'swf', 'flv'] で設定されていないせいじゃないかしらね。 「***.co.jp」だと、上記のいずれでもないから処理できないのよ。 「***.co.jp/index.html」とかにしないとダメなはずよ。 ちなみにplayersフォルダの中身に対応しているから ないものは自分で作らないとダメね。 ついでにlanguagesフォルダの中身を拡張すれば language: "jp" とかも可能ね。 必要かどうかはともかく。 どこを変えるかは2つファイル比較すればわかると思うから割愛するわ。 それと公式サイトのImageMapの件だけど shadowbox.jsを見ると、relの見ているのは <a>のみだわね。 <area>に対してはrelは無効になっているわ。 逆言うとImageMapにかんしてはrelによる パラメータ指定が出来ないってことになるわね。 これは余計な話なんだけど もしも以前のバージョンで問題ないなら そのままそれを使い続けるべきよ。 無理してバージョンアップする必要ないと思うんだけど。

関連するQ&A