個人的に気に入ってる10のLightbox系jQueryプラグイン及び、その特徴まとめ

Ads

個人的に気に入ってよく使っている、又は
いつか役に立ちそう、いずれ使いたい的な
Lightbox風に拡大実装出来るjQueryプラグ
インのまとめです。使うときにいちいち引っ
張り出しているのが面倒なのでまとめにして
ついでにシェアしようと思って記事にします。

オーソドックスなものから、やや特徴的なもの、Twitterで「こんなのない?」って聞かれて探したものなど10個厳選です。特徴も一緒にメモしておきます。

なお、画像を使うjQueryプラグインにご興味が有るようでしたら、以前書いた画像を使ったいろいろなjQueryプラグイン224個まとめも参考にして頂けるかと思います。

colorbox

一番よく使っているかもしれません。MITライセンスで、グループ化⇒スライドも可能。また、iPhone、iPadでも動いて表示も崩れません。エフェクトも変更可能で、YoutubeやIframe、Flashにも対応、オーバーレイする部分をパターンなどの画像に指定する事も可能です。
※IE6,7でも正常動作

colorbox

prettyPhoto

同じく、グループ化によるスライドショーや、動画のポップアップを可能にするjQueryプラグインですが、他のプラグインにない特徴として、ポップアップさせた画像の中にもサムネイルを表示させられる利点があります。
※IE6,7でも正常動作

prettyPhoto

Fancybox

美しい見た目と素敵なエフェクトで実装するLightbox風プラグインです。GPL、MITで商用でも利用できます。Iframe、画像のグループ化、SWF対応。人気のあるプラグインです。
※IE6,7でも正常動作

Fancybox

Fancy Zoom

元のjQuery非依存のスクリプト作者よりjQueryの移植を頼まれて作成されたプラグインだそうです。オーバーレイエフェクトの無いタイプで、拡大と縮小時のアニメーションが独特で気に入っています。画像、インライン、HTMLやFlashに対応しています。
※IE6,7でも正常動作

Fancy Zoom

Shadowbox.js

とってもマルチに使えるLightbox風jQueryプラグインなんですが、商用だと有料なので現在はプライベートサイトのみ・・・ですが、多くの動画サイトだけでなく、Flash、HTML、画像、画像のグループ化など、欲しい機能が一通りある優秀なプラグインです。
※IE6,7でも正常動作

Shadowbox.js

Sexy Lightbox

上からboxが降りてくる、ユニークなLightbox風プラグインです・・・・が。本体を配布しているサイトが削除されており、開発はストップしています。という訳で、リンク先はWordPressのプラグインとして再配布されているものになります。Sexy Lightboxは、もともとMITライセンスでしたので、WPプラグインに含まれているjsを利用すればOKですね。
※IE6,7でも正常動作

Sexy Lightbox

Loupe and Lightbox

以前、記事でご紹介した、ちょっと珍しいLightbox風プラグインです。こちらは、拡大鏡との併用になっており、結果的に拡大部分がハイライトされる、というもの。他に見ないタイプなのでアイデアとしても参考になるのでは無いかなと思います。
※IE6,7でも正常動作

Loupe and Lightbox / 過去に記事を書きました

Touch-Gallery

こちらは、ややニッチなニーズに向けて作られたLightbox風プラグイン。iPhoneや、iPadなどの端末でも拡大した際に幅を自動で合わせてくれますので、iPhoneやiPad向けに作成されたページで使ってあげると良さそうですよ。
※IE6で誤動作あり、IE7では正常動作

Touch-Gallery / 過去に記事を書きました

Jquery Photo Viewer

なかなか珍しい、「jQueryプラグインを使ったイメージギャラリーをローカル環境で作成するソフトウェア」です。実際に使用してみたので、宜しければ以下よりレビューをご覧下さい。
※IE6でドロップシャドウが出ず。IE7では正常動作

Jquery Photo Viewer / 過去に記事を書きました

jQuery Lightbox Evolution

最後は有料のスニペットになります。有料だけあって基本的な機能はもちろん、多数の動画サイトへの対応などなど機能はとても充実しています。また、他では見かけなかった「Googlemapにも対応」しているLightbox風jQueryプラグインなのは結構貴重かもですね。mootoolsや、prototype.jsなら見かけるんですがね。暇を見ていろいろ試してみます・・
※IE6,7でも正常動作

jQuery Lightbox Evolution

以上。厳選して10個をご紹介させて頂きました。