fancybox v1.3.4 私的メモ
This is a demonstration. Home page
Different animations
$("a#example4")←（）の中にそれぞれのidをいれると、それぞれオプションが変えられる。上の4点はそれぞれ違う。（データを参照）
Different title positions
キャプションを写真の中に入れるか、外へ出すかのオプションも選べる、左端のはオプション無しのデフォルト状態。左から2番めは背景がoverlayOpacity：0.9。（詳細はデータ参照）
Image gallery (ps, try using mouse scroll wheel)
同じオプションにしたい写真はグループ化できる。
アクションスクリプトに$("a[rel=example_group]").fancybox({ を、html内は<a rel="example_group" href=......と入れる。（詳細はデータ参照）
Various examples
テキスト（Inline要素）もボックス化できる。詳細はデータ参照。同じオプションを付けたい写真はグループ化する。
iframeもボックス化できる。（詳細はデータ参照）
テキストやフォームにも表示出来る
jQuery :: FancyBox 1.3.4 について以下のテキストは上にある「テキストに表示機能」のために置いたもの。
idなどをhrefに入れれば良い。
jQuery :: FancyBox 1.3.4 について
Fancybox は jQuery を使って作られている、Lightbox系のプラグインである。
画像はもちろん、iframe での HTML 表示、Youtube の動画などの表示もできる。ライセンスは MITとGPL
＊＊＊＊＊
WebDesignRecipesさんのサイトは平易な言葉遣いでやさしく解説してあります。
参考にさせていただきました。ありがとうございました。
http://webdesignrecipes.com/
http://webdesignrecipes.com/sample/jquery-plugin-fancybox/
Ajax example will not run from your local computer and requires a server to run.
Photo Credit: Katie Harris