Translate

2008年7月6日日曜日

GreyBox

0.GreyBoxって
ページを作成していて、例えばヘルプのページだったり
サムネイル状態の画像をクリックすることで本来のサイズで
閲覧したいなぁー
と言った時に便利よいのがこのライブラリ。
target="_blank"と違って、同じページ上に
灰色の透過レイヤを作成し表示してくれます。




1.download
http://orangoo.com/labs/GreyBox/Download/
内の「Download current version」の項目にあるリンクをクリック。
現在のバージョンは、5.53ですね。



2.使い方
サンプルをみるとすぐにわかります。
サンプルは…解凍後、GreyBox_v5_53内のGreyBox_v5_53をクリックし
installation.html
をクリックすると設置の仕方が書いてあります。
注)var GB_ROOT_DIR は、自分の設置するディレクトリに変えること。
後は、examplesのタブをクリックすると参考例が
のっているのでそれ通りにすると使えますね。
サンプルは、本家サイトにありますのでそちらをどうぞ。
サンプル

3.参考サイト
ゼロからはじめるGreyBox - 一歩先行くウィンドウ表示
GreyBoxリファレンス


4.GreyBoxのサイト
http://orangoo.com/labs/GreyBox/

0 件のコメント: