Lightbox.js のような写真のスライドショーするライブラリ沢山

このブログでも使っている、写真の拡大表示をモーダルボックスでできるlightbox.js。似たようなライブラリって、結構あったよな〜と気軽に調べ始めたら、ものすごい量。利用しているjavascriptライブラリでは、prototype.js と mootools が2大勢力みたいですね。この二つのライブラリのユーザが、お互いにインスパイアされながら、どんどん発展していった風。そこにJQueryとYahoo UIとかも参戦。その他にも、写真の扱いに特化した独自ライブラリがいくつもあるよう。

Lightbox JS v2.0

元祖Lightbox。バージョンも2.0になっている。複数の写真をスライドショー形式で表示できる。imgタグのアトリビュートで、rel="lightbox[groupname]" という感じでハッシュでグループ化することで、複数の写真のグループを設定可能。

FirefoxScreenSnapz010-01.jpg

Slimbox

Lightbox と同等の機能をmootoolsライブラリで実現。軽さ(mootools + slimboxで21KB)がウリ。

Litebox

Lightboxと同等の機能を、同じく軽量ライブラリのmoo.fxで実現。moo.fx はscriptaculousのようなeffect用のライブラリで、prototype.js と mootools frameworkのどちらかと組み合わせて利用が可能。

ThickBox 2.1.1

Lightboxの画像スライドショー機能に加えて、テキストや、HTMLコードも表示できる。IFRAMEで、ログインボックスを表示したり、HTMLの内容をAjaxで取得することも可能。

FirefoxScreenSnapz011-01.jpg

Smoothbox : Thickbox for mootools

タイトルにもある通り、Thickboxと同等の機能を、mootoolsライブラリで実現。

FirefoxScreenSnapz012-01.jpg

ModalBox ― An easy way to create popups and wizards

Thickbox のような、HTML表示や、Ajax読み込みに対応した汎用ライブラリ。prototype.js を利用。

FirefoxScreenSnapz013-01.jpg

MOOdalBox

Modalboxのmootoolsクローン。前出のslimboxをベースに、HTMLコンテンツの表示もできるように汎用化されたライブラリ。

Carousel Component

Thickboxと同等の機能を、Yahoo! UI ライブラリで実現。

LITBox

Thickbox のもう一つのprototypeクローン

SmoothGallery

mootoolsを使ったスライドショーライブラリ

FirefoxScreenSnapz019-01.jpg

FrogJS Javascript Gallery

scriptaculous を利用して、写真をズーム切り替えをするライブラリ

FirefoxScreenSnapz020-01.jpg

TripTracker slideshow

プレイボタンを押すと、自動的に写真をフェードinフェードoutで切り替えてくれる、スライドショー機能がある。

FirefoxScreenSnapz018-01.jpg

Highslide JS

サムネイル画像をクリックすると、写真がズームアップして拡大表示される。HTMLなどのAjax表示に対応。商用利用は有料。

FirefoxScreenSnapz014-01.jpg

GreyBox

Lightboxのような画像表示に加えて、WEBサイトのURLを指定して、WEBページをモーダルボックス内に簡単に表示できる。

FirefoxScreenSnapz016-01.jpg

Lightbox Plus

Lightboxをベースに独自に実装。画像の拡大、縮小が可能。日本語解説ページあり。

FirefoxScreenSnapz009-01.jpg

Hoverbox Image Gallery

画像を拡大表示するサンプル

FirefoxScreenSnapz017-01.jpg