Drawer|web制作に関するネタの引き出しサイトweb制作に関するネタの引き出しサイトTwitterFacebookRSS登録TOPページに戻るJavascriptshadowboxをクリッカブルマップで使う方法shadowboxをクリッカブルマップで使う方法2012年06月11日Javascriptlightbox風のプラグインでshadowboxというのがあるのですが、これをクリッカブルマップで使った時に動かなかったのでそれのメモです。shadowboxとはlightbox風に表示してくれるJavaScriptのプラグインです。jQueryの他にPrototypeなどのJSライブラリと組み合わせられるのが特徴です。Shadowbox.jsクリッカブルマップと組み合わせて使う一枚の画像から複数の画像へリンクを貼ってshadowboxを起動させたかったので、クリッカブルマップを使いました。普通ならaタグにrel="shadowbox"などとして使う所をareaタグに書いてみたのですが動きませんでした。JavaScriptに追記が必要そこで検索したらこちらのサイトに解決方法が載っていました。WebDesign<head>内に書くコードをこのように記します。function(){Shadowbox.setup("area");};</script>これでareaタグでもきちんと動くようになりました。colorboxだと・・・ちなみに他のlightbox風のプラグインcolorboxを試したのですが、こちらは特になにもせずにareaタグからでも動きました。Drawerこのサイトについてホームページ制作のマークアップエンジニアをしています。このブログはWebに関する記事を扱っています。自分で作ったものや試したもの調べたものを紹介しています。webdrawer.netページTOPへ戻る。