Do you remember life without the lightbox? It wasn’t that long ago, yet lightboxes are popping up everywhere, literally. In 2006, the first lightbox script was released by Lokesh Dhakar and has become a staple for websites and blogs alike. Though they’re mainly used for larger items, even companies like Facebook have adopted lightboxes to display photos in an easy-to-see, easy-to-scroll manner. The original javascript had plenty of good qualities, but it became widely adopted when web developers started making their own lightbox applications.
The original Lightbox has not been lost in newer formats. In contrast, lightboxes have been improved and now incorporate features and functions that enhance the overall quality and user-experience. It is hard to rank the best scripts in any specific order because they all have been crafted extremely well. Choosing the best script for your site will really come down to coding preferences.
1. Fancybox
Fancybox has taken a pretty direct approach and is an upgrade from pure javascript to jQuery. The overall appearance of this lightbox is like the name says, fancy. The interface is clean and displays images and associated caption text nicely. In addition to looking nice, this script displays HTML elements, SWF movies, iframes and AJAX requests. This script is truly a techie’s dream come true.
2. Shadowbox
Though it doesn’t have the same aesthetic appeal as Fancybox, Shadowbox has plenty to offer for those who are interested in it. This script is highly customizable allowing you to adapt it to your specific needs. The code is both lightweight and neat which delivers supreme flexibility for editing and tweaking the default script.
3. jQuery.popeye2
jQuery.popeye is an advanced image gallery script built on the JavaScript library jQuery. Use it to save space when displaying a collection of images and offer your users a nice and elegant way to show a big version of your images without leaving the page flow.
4. ColorBox
ColorBox helps bridge the gap created by Fancybox’s aesthetic appeal and the flexible and lightweight code of Shadowbox. ColorBox strives to deliver a customized lightbox to their user that is unique every time. This helps the end-user deliver easy accessibility, W3C standards and good design and internet practices.
5. PrettyPhoto
If you’re just interested in a very simple lightbox, PrettyPhoto is in essence a clone that has been built on jQuery. It doesn’t support as many files as other scripts but it does deliver the basics with support for images, videos, flash, YouTube and iframes. This script is easy to get running and has a nice, simplistic appearance. Though it is not fully customizable, it does have some flexibility that should allow you to alter it to fulfill your needs.
6. Lightbox2
Though improvements and breakthroughs in code have greatly modified the original lightbox, it is still a script well-worth using. What it lacks in features and increased functionality, it makes up for with its recognizable and respected interface. This model for the modern day lightbox is simple, features lightweight code, and easy to setup and use for those less interested in fancy features, colorful frames and enhanced editing.