Which Lightbox is right for you: Revisited and Updated

Advertisement


It's been a while since I first asked "Which Lightbox is right for you?" and some scripts have disappeared, while new ones have entered the scene. Here are some of your options today:

If you only want to display images:
Lightbox 2 - the original, by Lokesh Dhakar, is a "simple, unobtrusive script used to overlay images on the current page. It's a snap to setup and works on all modern browsers."
Framework: prototype, scriptaculous
Displays: images (with transition effects)

Lightbox ++ - based on the original Lightbox but provides more options for image re-sizing based on browser window size.
Framework: none
Displays: images

Litebox - a code-reduced version of Lightbox, uses the moo.fx library and prototype-lite. A good choice if page weight is a concern.
Framework: Prototype Lite, moo fx
Displays:images


Slimbox (www.digitalia.be/software/slimbox) a lightweight variation of the original lightbox script built on the mootools framework.


Lightbox with moo.fx
- souped up with moo.fx transitions etc, still prototype based and only for images, however.
Framework: Prototype, moo.fx
Displays:images

jQuery lightBox plugin is a lightbox effect for images that works with the jQuery framework with the addition of a small plugin script.
Framework:jQuery
Displays: images

Slightly ThickerBox is a mod of the Thickbox script, that integrates previous and next links (excellent for image galleries) and the ability to create groups of galleries
Framework:jQuery
Displays: images,mpeg, avi.

If you want to display html, forms, flash, video etc.:
Thickbox is a "webpage UI dialog widget written in JavaScript on top of the jQuery library. Its function is to show a single image, multiple images, inline content, iframed content, or content served through AJAX in a hybrid modal."
Framework: jQuery
Displays: images (no transitions but will resize images if larger than browser window), inline, iframe or ajax served content.

LightWindow - displays just about every kind of content or media.
Framework: Prototype, sciptaculous
Displays: just about everything

Lightbox Gone Wild! can be used to provide additional info, show an image or present a form for user input.
Framework: prototype
Displays: images, html, forms etc.

Multi-faceted Lightbox - prototyped based again, but offers a variety of options for different types of data that can be loaded in the lightbox.
Framework:none
Displays: images, html

LITBox - a lightbox written in to a class, so it is possible to open multiple instances of the lightbox and control each separately. Based on Thickbox.
Framework: prototype, sciptaculous
Displays: images, html

Leightbox - very similar to Lightbox Gone Wild (prototype based, allows images, html etc) except that Leightbox keeps the lightbox content in the html, but hidden from view, so that it can be indexed by search engines.

Frontbox - self-contained script that doesn't rely on any other frameworks; degrades well, lightweight, cross-browser and can display images, html, ajax served content and hidden divs.
Framework: none
Displays: images, html, ajax-served, hidden divs

GreyBox Redux - unobtrusive (no need to embed JS into your site) and even lighter weight than GreyBox (now dead).
Framework: jQuery
Displays: images, html etc.

Lytebox - based on original Lightbox script but written to eliminate the need for the prototype and scriptaculous libraries.
Framework: none
Displays: Images (including slideshow option) and html content.

Bumpbox - an ajax lightbox script that can display images, html content, PDF's, remote content etc.
Framework:mootools
Displays: Images, html, pdf's, flash (in limited browsers), remote content

Lightbox++ - lightbox clone that's built to handle Flash as well as regular images.
Framework: prototype, scriptaculous
Displays: Flash, images

iBox - super lightweigh script that handles Images, inline divs, and external HTML pages, without any external libraries.
Framework: none
Displays: images, divs external html.

YUI Based Lightbox - a lightbox script built on Yahoo User Interface Library
Framework: YUI Library and dependencies

Better Modal Window - prototype based script that uses a hidden div in the html as content source for the lightbox.
Framework:prototype
Displays: anything you can put in a div.

Misc:
Almost CSS Only Lightbox - the author calls it a CSS Only Lightbox, but it's not quite that. It is mostly, only CSS though :)

Suckerfish Hover Lighbox - lightbox effect while keeping accessibility. Not classic lightbox-ish but a nice presentation, nonetheless.

Un-named Lightbox Variant - based on Version 1 of the original Lightbox script, this one adds subtitle and fullsize support, hides forms and Flash objects and works even when JS isn't on.

Execute Lightbox Scripts from Flash - a how-to.

AJAX for lightboxes - an informative article on bringing AJAX to lightboxes.

Add-ons to other scripts:
Slightbox - adds lightbox functionality to JonDesign’s SmoothGallery.

Lightbox 2 for Wordpress - bring lightbox functionality to WordPress based sites with this script built on prototype and scriptaculous.


Textpattern Lightbox
- lightbox script for Textpattern based sites.

Greased Lightbox - greasemonkey, creammonkey and Opera user script for adding Lightbox functionality to sites like Flickr, DeviantArt, My Space, Wikipedia

Galri - lightbox add-on script for Picasa

Did I miss any? Let me know via my contact form.

October 8, 2007 in Scripts and Software

Search etc.

More Entries From Scripts and Software

10 Awesome Techniques and Examples of Animation with jQuery Six Revisions takes a look at how to introduce animation into designs with the help of jQuery. In this article, we share with you... (November 2, 2009)

Two Nice Scripts for Rotating Image or Content Display Two nice script today, for displaying rotating images or content: Create a Simple jQuery Carousel (Quesness) Create a Horizontal Accordian with Ajax (Dynamic Drive)... (October 29, 2009)

Create a Fancy Share Box ... and more! Using CSS and jQuery, turn an unordered list into a fancy "Share This" box. A nice "how-to" for a good looking share display.... (July 13, 2009)

Simple Page Peel Effect with jQuery and CSS (and more Javascript resources) From The Art of Hand Coding, a nice "how-to" create a trendy "page peel" effect using jQuery and aided by a little CSS. Simple... (May 11, 2009)

Minimalist jQuery: 11 Useful Plugins under 4K It's easy to be wowed by all the great jQuery plugins out there but some of them are pretty heavy and can really slow... (April 23, 2009)