1日1tech

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
  1. --/--/--(--) --:--:--|
  2. スポンサー広告|
  3. トラックバック(-)|
  4. コメント(-)

lightbox.js で Photo ギャラリー

Web での Photo Gallary といえば、ほとんどの場合、サムネイル一覧の中から任意の写真をクリックすると、大きな画像が別ページで開くという形が一般的ですが、この lightbox.js を使うと、画面遷移することなくその場で画像が表示されます。
これまでも CSS で写真ギャラリーを実現するようなものもありましたが、lightbox.jsだと、基本的に js ファイルと css ファイルを読み込んで、使いたい画像のところで
<a href="big.jpg" rel="lightbox"><img src="image/small.jpg" /></a>

というように書くだけなので、JavaScript がうまく動かないかもしれないブラウザ(PSP の NetFront とか)でも安心です。

早速手持ちの猫写真で試してみました。こんな感じです↓



lightbox.js - Web2.0ライクな画像サムネイル生成
http://openstratus.com/article/52/lightboxjs-web20/
ちょっと試してみました。

http://www3.softdevice.co.jp/extra/projects/cat/
スポンサーサイト
  1. 2006/01/04(水) 12:35:51|
  2. interface|
  3. トラックバック:0|
  4. コメント:0

コメント

コメントの投稿

管理者にだけ表示を許可する

トラックバック

トラックバックURLはこちら
http://miyana2m.blog2.fc2.com/tb.php/169-34bceef1
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。