Lightbox (JavaScript)

A typical lightbox image display

Lightbox is a JavaScript library that displays images and videos by filling the screen, and dimming out the rest of the web page.[1]

The original JavaScript library was written by Lokesh Dhakar.[2] The term Lightbox may also refer to other similar JavaScript libraries. The technique gained widespread popularity due to its simple and elegant style.

The original Lightbox library used two JavaScript libraries, Prototype Javascript Framework[3] and script.aculo.us,[4] for its animations and positioning. In April 2012, the plugin was rewritten for jQuery.[5] The open-source nature of Lightbox encouraged developers to modify and fork the code, resulting in plugins such as Colorbox, Magnific Popup, Slimbox or Thickbox.

Lightbox scripts are dependent upon a browser's JavaScript support.[6] Browsers that do not load the script for whatever reason can instead simply load the image as a separate page load, losing the Lightbox effect but still retaining the ability to display the image.[7]

References

  1. ^ Jakob Nielsen, Alertbox. "10 Best Application UIs".
  2. ^ Dhakar, Lokesh. "Lightbox JS". Retrieved 2012-12-17.
  3. ^ Herrington, Jack D. "Ajax and XML: Ajax for lightboxes". IBM DeveloperWorks. Retrieved 2008-05-21.
  4. ^ Schmitt, Christopher (2006). CSS Cookbook. O'Reilly. p. 204. ISBN 0-596-52741-1.
  5. ^ Dhakar, Lokesh. "Lightbox2". Retrieved 2012-12-17.
  6. ^ Schmitt, Christopher (2006). CSS Cookbook. O'Reilly. p. 207. ISBN 0-596-52741-1.
  7. ^ Zervaas, Quentin (2007). Practical Web 2.0 Applications with PHP. Springer. pp. 423. ISBN 1-59059-906-3.
  • Wikimedia Commons logo Media related to Lightbox (JavaScript) at Wikimedia Commons

Content Disclaimer

Informasi ini disarikan dari Wikipedia dan disajikan kembali untuk tujuan edukasi. Konten tersedia di bawah lisensi CC BY-SA 3.0. Kami tidak bertanggung jawab atas ketidakakuratan data yang bersumber dari kontribusi publik tersebut.

  1. The information displayed on this website is sourced in part or in whole from Wikipedia and has been adapted for the purpose of restating it. We strive to provide accurate and relevant information, however:
  2. There is no guarantee of absolute accuracy. Wikipedia is an open, collaborative project that can be edited by anyone, so information is subject to change.
  3. It is not intended to constitute professional advice. The content displayed is for informational and educational purposes only. For important decisions (e.g., medical, legal, or financial), please consult a professional.
  4. Content copyright. Wikipedia is licensed under the Creative Commons Attribution-ShareAlike License (CC BY-SA). This means that content may be reused with appropriate attribution and shared under a similar license.
  5. Responsible use. Any risk arising from the use of information from this website is entirely the responsibility of the user.