On Lightbox-enabled links, direct links to image files (or HTML content via Ajax) are displayed in an overlay on the current page instead of causing a new page load. While the overlay is displayed, the rest of the page content is darkened (and, in effect, temporarily disabled) to focus the user on the overlay. Depending on the plugin's settings, the overlay may be positioned, sized to the user's browser window, and animated. The plugin determines which links are enabled by means of the HTML "rel" attribute, which is used on <a> tags. Lightbox plugins also provide ways to display captions and to run slide shows, which can be navigated using the arrow keys or mouse.
- Jakob Nielsen, Alertbox. "10 Best Application UIs".
- Dhakar, Lokesh. "Lightbox JS". Retrieved 2012-12-17.
- Herrington, Jack D. "Ajax and XML: Ajax for lightboxes". IBM DeveloperWorks. Retrieved 2008-05-21.
- Schmitt, Christopher (2006). CSS Cookbook. O'Reilly. p. 204. ISBN 0-596-52741-1.
- Dhakar, Lokesh. "Lightbox2". Retrieved 2012-12-17.
- Brown, Rachel (11 February 2014). "Tory Burch Linking With Google's Lightbox for NYFW". WWD. Retrieved 11 February 2014.
- Zervaas, Quentin (2007). Practical Web 2.0 Applications with PHP. Springer. p. 423. ISBN 1-59059-906-3.