ライトボックス(JavaScript)

典型的なライトボックス画像表示

Lightboxは、画像や動画を画面いっぱいに表示し、ウェブページの残りの部分を暗くするJavaScriptライブラリです。[ 1 ]

オリジナルのJavaScriptライブラリはLokesh Dhakarによって作成されました。[ 2 ] Lightboxという用語は、他の類似のJavaScriptライブラリを指す場合もあります。この手法は、そのシンプルでエレガントなスタイルにより広く普及しました。

オリジナルのLightboxライブラリは、アニメーションと配置にPrototype Javascript Framework [ 3 ]script.aculo.us [ 4 ]という2つのJavaScriptライブラリを使用していました。2012年4月、このプラグインはjQuery [ 5 ]向けに書き直されました。Lightboxはオープンソースであるため、開発者はコードを修正したりフォークしたりすることができ、Colorbox、Magnific Popup、Slimbox、Thickboxなどのプラグインが生まれました。

ライトボックススクリプトはブラウザのJavaScriptサポートに依存します。[ 6 ]何らかの理由でスクリプトを読み込まないブラウザは、代わりに画像を別のページとして読み込むことができます。この場合、ライトボックス効果は失われますが、画像を表示する機能は保持されます。[ 7 ]

参考文献

  1. ^ Jakob Nielsen、Alertbox。「ベストアプリケーションUI 10」
  2. ^ダカール、ロケシュ。「ライトボックスJS」2012 年 12 月 17 日に取得
  3. ^ Herrington, Jack D. 「AjaxとXML:ライトボックスのためのAjax」 IBM DeveloperWorks . 2008年5月21日閲覧。
  4. ^シュミット、クリストファー (2006). CSS クックブック. O'Reilly . p. 204. ISBN 0-596-52741-1
  5. ^ダカール、ロケシュ。「ライトボックス2」2012 年 12 月 17 日に取得
  6. ^シュミット、クリストファー (2006). CSS クックブック. O'Reilly . p. 207. ISBN 0-596-52741-1
  7. ^ Zervaas , Quentin (2007). PHPによる実践的なWeb 2.0アプリケーション. Springer. pp.  423. ISBN 1-59059-906-3