JQueryプラグイン「Shadowbox.js」を使ってみた

今まで「colorbox」しか使ったことなかったけど、今回は「Shadowbox.js」を使ってみた。

複数の画像をスライドさせたり、YouTubeの動画を表示させたり、簡単にできるのが良い!
ダウンロードはこちらから

そんなに重くないようなので、全部にチェックして、ダウンロード...

f:id:kgmx:20140423231839p:plain

「Shadowbox.js」の使い方

headタグ内に以下を記述

1. 画像

2. 複数画像

3. YouTube動画

注意点:使用されているimgをどこに置くかによって、shadowbox.css内の画像パスを変更する必要がある。(JQueryプラグインあるある。) 今回は、imagesフォルダ内にShadowboxというフォルダを作成し、その中に画像を入れたので、shadowbox.cssの画像パスを変更した。

例:

という感じでなんとかうまくできると.......