［JSﾒﾓ］SlimboxとかThickBoxとかの画像拡大script検証
MT5を使うことが多いので、自然にSlimboxを導入してることが多かったのですが、
今まで入れてなかったとこに、急に入れることになって、
ついでに最近の動向も知りたかったので、他のもちょっと調べてみた。
最終的にはやっぱりSlimboxにしました。
ざっくり感想
新しく流行ってるのがないかなと思ったのですが、なかった！ww
一部拡大とか機能がプラスαされてるものはありましたが、
普通に拡大するものは、
2008年頃に出たものがバージョンアップされつつ、
現在でも汎用的に使われている印象を受けました。
thickbox
よく使うyuga.jsに同梱されてるので、搭載は簡単。
画像だけでなくテキストにも導入できるのが利点かと。
ただシームレスな動きはなく、バスっとそのまま開くだけなので、物足りない感じ。
デフォルトのcloseボタンの仕様がちょっとわかりにくい
（テキストでclose or Esc Keyと書いてある）
20120229追記
MTで画像を投稿する時に「ポップアップウィンドウを表示する」の設定にすると、
popupが優先されて、thickboxの設定が効きません。
こうなってるとダメなので注意。↓ソースを改編すればいけそうですが。
<a href="images/img01.html" onclick="window.open('images/img01.html','popup','width=509,height=394,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false">
Fancybox
2008年あたりに人気があったスクリプトみたいです。
これはjQueryやPrototypeなどのライブラリを必要としないとこがいいのかな。
実際に入れてみたところ、サムネイルが分身してグググッと大きくなる感じ。
左上の☓マークか他の部分どこでもクリックすると閉じます
左上☓マークが画像リンク切れのようにも見えるのと（ほんとに切れてる！？）
どこでもクリックすると閉じてしまう仕様はわかりにくいと思う。
ただ非商用だとフリーだけど、商用だと39＄払わないといけないので、
現実的にどうなのかなという感じ。
これも2008年の情報なので今は違うのかもしれませんが。
導入参考
FancyZoom 1.0を試す。 – KUMA TYPE
slimbox
よくサイト作成に使うMobableType5にデフォルトで入ってるので馴染みがある。
色々なとこで、lightboxよりもなんとなく軽い気がするという記述をよく見かける。
動きはシームレスで盤石。
参考に、それぞれのテストを置いてる方がいます。
残念ながらSlimboxとThickBox3しか動いてないようですが…。
やっぱりslimbox
てなわけで、やはりslimboxにすることにしました。
導入方法はこちらがわかりやすかった。
全然知らないわけじゃないけど久々なので確認したかったの(^^;
Slimbox 2の使い方 | Web制作支援 | ShanaBrian Website
その他の画像拡大系のスクリプトてんこ盛り一覧ページ
他にも画像拡大系のは、てんこ盛りにあって
正直、どれがいいのよ！！と叫びたくなる（爆）
ちょっとずつ機能が違うんですがね。
かちびと. netの2010年のまとめ
画像を使ったいろいろなjQueryプラグイン224個まとめ( 200+ collection of jQuery for images ) – かちびと. net