Liteboxを導入してみました。

暇だからこのブログの情報調べてみた。
で紹介したaguseというサイト。http://www.aguse.net/

ここでサイトの検索するとサイトのTOPのサムネイルが表示されるのですが、その画像をクリックしても新しくブラウザを表示せずに画像を同一ウインドウでカッコよく表示してくれます( ^ω^)
ヤフーの画像検索でも似たような感じに表示されますよね。

どうやってるんだろうとaguseのソースを見てたらlitebox-1.0.jsというのがあった。

検索をしてみると、どうやらこれがカッコよく表示してくれるスクリプトのようだ。

検索の上位に小粋空間さんが紹介してる記事があったのでそれを見ながら導入してみました。
小粋空間: Litebox 1.0 をブログに適用する

同時にこっちもやると便利。
小粋空間: Litebox 1.0 の rel 属性を自動付与する


メモ帳での編集は形が崩れて見難いので、編集するときはTeraPadなどのソフトを使うといいですよん。
http://www.vector.co.jp/soft/win95/writing/se104390.html

---

追記：2007/03/22（今日）


クローズを押さずに、画面上をクリックして閉じるようにするには
150行目に

objLightbox.onclick = function() { myLightbox.end(); return false; }

と入力すればできます。

※小粋空間: Litebox 1.0 の rel 属性を自動付与する
でソースを書き足して150行目なので、デフォルトよりは行が多くなってますので注意。
上記の画像を見ていただければ前後のソースがわかるかと思います。