このブログでは、以前から "Lightbox JS 2.0" を利用していました。
しかし、このスクリプト、なかなか巨大なスクリプトでして、バージョンアップで少し軽量化？されたりもしましたが。
やっぱりお荷物であることには変わりないような。
Lightbox を筆頭に、この類のサムネイル拡大ツールはさまざまな種類があります。
その中でも、軽量+スムーズな乗り換えができそうなものを探していたら、Litebox というものに巡り合いました。
名前の通り、Lightbox の軽量版です。
若干エフェクトが違いますが、これも軽量化するため？
個人的には、Litebox のエフェクトのほうが好きです。
設置方法や、rel 属性も litebox ではなく lightbox のままなので、乗り換えが簡単。
どれだけ軽量化というと、サイズ的には 1/3 ぐらい。 (まあ、判断材料はファイルサイズだけではないと思うが)
今まで、html よりも重かった Lightbox のスクリプトが、1/3 になるのは、なかなかです。
Lightbox は prototype.js を使っていますが、Litebox は違うものを使ってるらしいので、ここでかなり削れますね。
aptana とかで、Compact してあげれば、もっと小さくなる予感。 (Lightbox も、Compact してあげると半分ぐらいになりますが)
1つ注意として、MovableType で使うときは onload イベントが必要のように思えます。
僕の環境では、onload を追加しないと動きませんでした。
ただ、ふつうはコメント関連の onload イベントが既に付加されていると思うので
onload="initLightbox();individualArchivesOnLoad(commenter_name)"
このように、";" (セミコロン) を追加して対処します。
こうすることで、onlaod イベントを2つ以上列挙することができるみたいです。 (適当に試してみたら動いたので、たぶんｗ)
まあ基本的なことですが。
というわけで、今日から Litebox に移行してみました。
さあ、Lightbox の記事書きなおさないと。
って今何時だよ・・・。
そういや、カウンターも変更しました。
FC2 を使ってたけど、たまに引っ掛かるので。
あの、グラフ表示機能はお気に入りだったんだけどね・・・。
コメントする