画像をクリックすると拡大してくれるAjaxライブラリです。
似たようなものにLightboxというものがありますが、試用したところIE7だけ背景が透けずに真っ黒になってしまったりしてしまった為やめました。
その後色々調べているうちにHighslide JSを発見。こちらの方が気に入ったので導入してみました。
下の画像をクリックしみると動作がわかります。2007年12月の高幡不動の紅葉です。
開いたウィンドウはドラッグして移動できます。右上のコントロールボックス内の矢印で次の画像や前の画像へ移動したりできます(キーボードのカーソルキーも使えるっぽい)。×か画像をクリックすると元の大きさに戻ります。
面白いので全部の画像に適用しました。難点はタグの要素を追加しないといけないこと。これが結構面倒です。気が向いたら自動で設定されるようにしたいですなぁ。
- Newer: Ricoh Caplio R7 その3
- Older: Ricoh Caplio R7 その2
Comments:0
Trackbacks:0
- Trackback URL for this entry
- http://www.nubobo.net/archives/160/trackback
- Listed below are links to weblogs that reference
- Highslide JS導入 from ぬぼぼ


