logoMemo クラウド環境でのメモ帳
自分のWebサイトに最初に導入した写真スクリプトのひとつがlightboxだった。文中に埋め込んだ縮小画像をクリックすると同じ画面上で拡大写真が表示される。そん なWebサイトを見て自分でも同じようなことをしたいと思い、ソースを読み見よう見まねで試行した。意図したとおりに動いたときは嬉しかった。達成感があるから だ。三年前までの写真サイトではlightboxを多用した。

その後、いろんなlightbox風のスクリプトが出現した。原点はlightbox JSだ。開発者はLokesh Dhakarで、彼が公開したスクリプトを多くの人が改変し、いろんな亜流スクリプトが配布されるようになった。オリジナルlightbox JSの最新版は2006/1/19で、その後は Lightbox JS v2.0 (Lightbox2) がメンテされている。

オリジナル版を改変した例に下記がある。

Lightboxに触発されて開発されたスクリプトに下記の例がある。

  • Slimbox  Mootoolsフレームワーク使って作成。Lightbox2と互換性がある。4KBと小さい。
  • Slimbox2  jQuery用に書き換えられた。100%互換あり。ほとんどのブラウザで動くが、モバイルはサポートしていない。
    ※初期のLightboxではサイズが大きく複雑なPrototype/Scriptaculousを使っていた。ほかのスクリプトとの競合で動かなく なったりして苦労した。jQueryになって記述がシンプルになった。機能のカストマイズも簡単である。
    ※最新版 v2.04 2010/4/28  zip 54KB

  • jQuery lightBox plugin 0.4 (2007/11/17) 古い亜流のブラジル版でメンテされていない。

  • Fancybox  Macスタイルのlightbox 現在はFancybox2  動画(特定サイトに限定)や地図が表示でき、カストマイズ機能も豊富だが、その分サイズが大きくなっている。

  • Thickbox  重いlightboxだ。 modal/Ajaxを使っている。2009/9/30 メンテ打ち切りになっている。
    最新版2007/8/1 v3.1  zip 15KB+jQuery20KB

  • ColorBox - a jQuery lightboxのひとつ。機能はlightboxと同じだ。

  • Shadowbox  Prototype, Mootools, jQuery, Dojo, Yahoo UILのいずれかを選択できる。
    JW FLV Player, Quicktime, Windows Media Playerを複数選択できる。

  • Videobox  Lightboxで動画を扱えるようにしたスクリプト。Mootools, swfobjectを使っている。自営動画サイトで最初に使ったスクリプト(使い方) だが、いまはmediaboxなどに切り替えた。

  • MediaboxAdvanced  写真用Lightbox + 動画用Videobox に相当する。slimboxの後継といっても言い。写真・動画をひとつのスクリプトで扱えるので便利だ。2011年からカストマイズしたMediaboxAdvancedに切り替えた。シン プルなNonverBlasterが気に入っている。Playlistとしても利用できる。
  • Carousel  今年はじめからBootstrapを学習している。Twitterが開発し公開しているWeb標準だ。その中にCarouselという写真スライド表示用スクリプトがあり 気に入っている。こ ちらにカストマイズした例を掲載した。インライン表示に使う。

  • jQuery Cycle plugin  iPadでも使えるスクリプトのひとつ。Imagerotatorを気に入っていたがiPadでは使えないので後継候 補としてこのスクリプトをカストマイズした。


Carousel BACK | HOME | ARCHIVE 鹿島槍ケ岳からの眺望