• Home
• Photograph
• Flower
• Web
• Life
• Profile
• RSS

December 14, 2009

Lyteboxを設定してみました

久しぶりに Ajax Libraries を見ていましたら
スライドショーのgalleryが新しく発表されていました
ブログに設定するとかっこいいのではと思いトライしてみました
写真をクリックするとLightbox(スペルが違います)のように写真がアップし
画像が順番に現われてくる素敵なスライドショーです
Lytebox という Ajax ですが設定は次のようにしました
Movable Type のエントリーアーカイブの頭の設定ですが
"head"から"/head"の間にサイト指定の文字を設定をしました
この設定の位置によっては他のAjaxとぶつかってしまうので
設定した後には今までのAjaxが正しく作動するかどうか確認が必要になります
今回は最後から二番目に設定してみたところ問題なく作動してくれました
一番目に Accordion 二番目に Lightbox 三番目に Calendar を
四番目に Glider を五番目に Lytebox を設定し最後に コメント java settei を
設定していますがわりとこの順番の違いでバグが発生するので気をつけています
Lyteboxはこちらからダウンロードします(使い方も書かれています) 
ダウンロードしたimagesとlytebox.cssとlytebox.jsを
ブログフォルダーの中にFTPにてペーストして完成です
エントリーに書き入れるスクリプトも
Lyteboxのサイトに書かれているように書き込むと
以下の写真をクリックしたときの動きのようなAjaxになります

まずはスライドショーでの動きの設定をしてみます
下の写真をクリックすると11枚がスライドショーとして動きます

次にはlightboxと同じ動きの設定をしてみます
下の写真をクリックするとlightboxと同じ動きになりますので
写真が拡大されたら写真の右側クリックで次に進み
写真の左側をクリックすると前の写真に戻ります

2011年4月

日	月	火	水	木	金	土
					1	2
3	4	5	6	7	8	9
10	11	12	13	14	15	16
17	18	19	20	21	22	23
24	25	26	27	28	29	30

     Home
     Photograph
     Flower
     Web
     Life
     Profile
     RSS