Lightbox (JavaScript)
| File:Lightbox2.png A webpage showing a Lightbox 2 window. | |
| Developer(s) | Lokesh Dhakar |
|---|---|
| Stable release | 2.04 / {{Expansion depth limit exceeded|2008|03|09}} |
| Operating system | Cross-platform |
| Available in | English |
| Development status | Stable |
| License | Creative Commons Attribution 2.5 License |
| Website | http://www.lokeshdhakar.com/projects/lightbox2/ |
Lightbox, and the newer Lightbox 2, is a JavaScript application used to display large images using modal dialogs. The script has gained widespread popularity due to its simple yet elegant style and easy implementation. While it was initially developed from scratch, Lightbox has since been modified to use a number of JavaScript libraries (such as the Prototype Javascript Framework[1] and script.aculo.us[2] for its animations and positioning), in order to reduce the size of the code.[3] The release of Lightbox encouraged other developers to work on similar projects, resulting in products such as the later Thickbox and lighter Slimbox.[3]
How it works
On a Lightbox-enabled page, a user can click an image to have it magnified in a Lightbox window, which resizes itself according to the size of the image using a gliding animation. Lightbox determines which images will be shown in the modal window through the XHTML "rel" attribute, which is used on an <a> element wrapped around the <img> element. Lightbox also provides a way to attach captions to images and to run a slide show, which can be navigated using the arrow keys.
Functionality
Lightbox permits users to view larger versions of images without having to leave the current page,[4] and is also able to display simple slideshows. The use of the dark background, which dims the page over which the image has been overlaid, also serves to highlight the image being viewed.
While Lightbox is dependent upon a browser's compatibility with Prototype to function,[2] Lightbox is triggered through a standard link tag. Thus browsers that do not support JavaScript simply load the image as a separate file, losing the Lightbox effect but still retaining the ability to display the full-sized image.[4] Even so, some compatibility problems have been identified with versions of Lightbox, in particular when displaying larger images on Firefox or Opera.[5]
Many users have also noted that there is a lack of compatibility across the Internet Explorer range of browsers. Even Internet Explorer 8 Beta has shown issues on some sites. However, many times the compatibility issues can be attributed to users not reading the documentation on how to make lightbox function correctly in these browsers.
References
- ↑ Herrington. [{{Expansion depth limit exceeded||}} "Ajax and XML: Ajax for lightboxes"]. [{{Expansion depth limit exceeded|{{{Expansion depth limit exceeded}}} |{{Expansion depth limit exceeded|{{Expansion depth limit exceeded| http://www.pubmedcentral.nih.gov/articlerender.fcgi?tool=pmcentrez&artid={{{Expansion depth limit exceeded}}} }}}} }} IBM DeveloperWorks]. {{Expansion depth limit exceeded||}}. Retrieved 2008-05-21.
- ↑ 2.0 2.1 Schmitt, Christopher (2006). [{{Expansion depth limit exceeded|{{{Expansion depth limit exceeded}}}
|{{Expansion depth limit exceeded|{{Expansion depth limit exceeded| http://www.pubmedcentral.nih.gov/articlerender.fcgi?tool=pmcentrez&artid={{{Expansion depth limit exceeded}}}
}}}}
}} CSS Cookbook]. O'Reilly. ISBN 0596527411. Cite error: Invalid
<ref>tag; name "Schmitt" defined multiple times with different content - ↑ 3.0 3.1 Resig, John (2006). [{{Expansion depth limit exceeded|{{{Expansion depth limit exceeded}}} |{{Expansion depth limit exceeded|{{Expansion depth limit exceeded| http://www.pubmedcentral.nih.gov/articlerender.fcgi?tool=pmcentrez&artid={{{Expansion depth limit exceeded}}} }}}} }} Pro JavaScript Techniques]. Apress. ISBN 1590597273.
- ↑ 4.0 4.1 Zervaas, Quentin (2007). [{{Expansion depth limit exceeded|{{{Expansion depth limit exceeded}}} |{{Expansion depth limit exceeded|{{Expansion depth limit exceeded| http://www.pubmedcentral.nih.gov/articlerender.fcgi?tool=pmcentrez&artid={{{Expansion depth limit exceeded}}} }}}} }} Practical Web 2.0 Applications with PHP]. Springer. ISBN 1590599063.
- ↑ Campbell (February 15, 2007). [{{Expansion depth limit exceeded||}} "Thickbox - For Image Display and Slideshows"]. [{{Expansion depth limit exceeded|{{{Expansion depth limit exceeded}}} |{{Expansion depth limit exceeded|{{Expansion depth limit exceeded| http://www.pubmedcentral.nih.gov/articlerender.fcgi?tool=pmcentrez&artid={{{Expansion depth limit exceeded}}} }}}} }} WebProNews]. {{Expansion depth limit exceeded||}}. Retrieved 2008-05-21.
External links
| This article's external links may not follow Wikipedia's policies or guidelines. Please improve this article by removing excessive and inappropriate external links or by converting links into references. |
- Official Lightbox website
- The Lightbox Clones Matrix provides a listing of Lightbox alternatives (clones) in a JavaScript-enhanced tabular format
If you like SEOmastering Site, you can support it by - BTC: bc1qppjcl3c2cyjazy6lepmrv3fh6ke9mxs7zpfky0 , TRC20 and more...
