March 8, 2010

ColorBox (Ajax) をみつけました
以前気に入っていたLightviewが
ライセンスフリーでなくなり
今まで設定していたページで
動かなくなっていたことを知りました
最低が３ユーロ(日本円で400円)でしたので
購入して設定をしようとしていましたが
思ったより難しく今の時点で設定ができていません
時期を見てゆっくりと勉強したいと考えています

Lightviewが設定できないので久しぶりで他のものを探していました
Ajaxの勉強を半年ばかりしていなかったこともあり
新しいものが色々と出てきていました
その中でLightviewのようなスライドショーもあり角丸で
優しい感じのColorBoxというAjaxを見つけることができました
なかなか素敵な感じで動作も速く気に入りましたので
今までLightviewで作成していたページをすこしづつ
切り替えていこうと今は考えているところです

写真をクリックすると800pixで
「Ajax ColorBox をみつけました」
を見ることができます

今回作成にあたっての備忘録として
このページをColorBoxの設定記録として書くことにしました
ColorBoxのメインサイトはこちらかです
http://colorpowered.com/colorbox/ 
また日本のサイトで参考にしたものは2つありました
http://www.screamo.jp/2nd/2009/09/10-12-37.php 
http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-colorbox.html 

このAjaxはjQueryを使用しているのでprototypeと
ぶつかる可能性があるため初めからMovableTypeの中に
埋め込むことはやめにしました
このページを独立させてその中にjQueryを入れ
スライドショーを動くようにしました
なかなかいい感じの画面ですのでぜひご覧ください...

またこのColorBoxは色々な設定ができ
上のような画面設定も５種類から選べたり
またスライドショーの移動時間や
色々な設定が自分で出来る優れものです

私はその中で白い色の中でシンプルなデザインの画面に決め
以前Lightviewで設定したページを実験で手直ししてみました

下の写真をクリックしてColorBoxの動きをご覧ください

     Home
     Photograph
     Flower
     Web
     Life
     Profile
     RSS