ライトボックス(JavaScript)

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
  • ウィキメディア・コモンズのLightbox (JavaScript)に関連するメディア
「https://en.wikipedia.org/w/index.php?title=Lightbox_(JavaScript)&oldid=1244434402」から取得