Shadowbox - a slick Lightbox that supports Flash

Via Ajaxian, I learned about Shadowbox.js. From its creator, Michael Jackson:

A few weeks ago, I was looking for a Lightbox-like script that would allow me to display more than just pictures. In addition to static images, my client required the ability to display various types of movies including QuickTime and SWF. The only script that fit the bill was Lightwindow—a nice piece of work to be sure—but it required the Prototype + Scriptaculous combo and I was already using YUI.

Besides, I thought, it would be really great to have a full-featured media viewing application that was library agnostic. Then, if I need to use a different framework for some particular reason, I can easily switch.

Thus was born Shadowbox—a cross-browser, cross-platform, cleanly-coded and fully-documented media viewer application built entirely in JavaScript.

I've been using Lightbox JS on my site for almost 2 years. The next time I need lightbox functionality for an application, I'll definitely try out Shadowbox. I dig the look and feel. I agree with Ajaxian commentors that rel="lightbox[name]" would be awesome. If it's added, I could theoretically replace lightbox.js with shadowbox.js and I wouldn't have to make any other changes.

View Shadowbox Demos »

0

(Note: Opinions expressed in this article and its replies are the opinions of their respective authors and not those of DZone, Inc.)

Comments

Aaron Conran replied on Mon, 2008/01/28 - 10:12pm

I first came across Michael's post about Shadowbox when he posted it on Ext's User Extensions and Plugins forum. Although the excellent and fluid implementation looked really nice, the most intriguing part of this was the adapters directory. That was an excellent link that you provided on being library agnostic on Snook's site. I first saw this implemented in the JavaScript community with Ext's adaptation of yui, jQuery and prototype. Can anyone think of any other JavaScript libraries or widgets who did this prior to Ext?

How great would it be if all widget providers could provide their users with various bridges to adapt to all the libraries? It would certainly save on page weight and duplicate functionality.

Aaron Conran

Comment viewing options

Select your preferred way to display the comments and click "Save settings" to activate your changes.