Shadowbox.js3.0 で ImageMap を利用する 〜 

セットアップが一段落して以降、WordPressのプラグインをいじる事はあまりなかったのですが、「Shadowbox.js」がバージョンアップ(2.65 →3.0)したときは仕様がかなり変わっていたので、ごそごそいろんな事を試して遊んでいました。 しかし ImageMap の動作だけは何故かうまくいかなくてほったらかしにしていたところ、解決策を提示(結局、オリジナルサイトの注意を見忘れていたんですが...)してくれてるブログ(NMN WebDesign)を発見! ページヘッダに問題回避構文(下記)を挿入することで、ImageMap がみごとに動くようになりました。(詳細は 前述ブログサイトを参照ください)

<link rel="stylesheet" type="text/css" href="shadowbox.css">
<script type="text/javascript" src="shadowbox.js"></script>
<script type="text/javascript">
Shadowbox.init();
window.onload = function(){
Shadowbox.setup("area");
};
</script>

※始めうまく動作しなかったのであれこれ首を捻ってたんですが、よく考えると「shadowbox.css」「shadowbox.js」は、実際に挿入設置するときはフルパス指定で書かないと駄目なんですね。安易に鵜呑みにすることなかれ、です。

※※実際に ImageMap を使って作成したページが「忘れじの80年代オフロードバイク2 〜 1981 HONDA Enduro LineUp」です。

コメントは受け付けていません。