Shadowbox is an online media viewer application that supports all of the web's most popular media publishing formats. Shadowbox is written entirely in JavaScript and CSS and is highly customisable. Using Shadowbox, website authors can showcase a wide assortment of media in all major browsers without navigating users away from the linking page.
The simplest way to tell Shadowbox which links you want it to open is to add a rel="shadowbox" attribute to each link. For example, say you have a link to an image on your page, simply change it to this:
My Image
That's it! Clicking on this link should now open up the image in a Shadowbox.
Thumb Gallery
Unlike the previous image gallery, this one is triggered by thumbnail links. It also uses a skip counter, synchronous animations, and is continuous.
 |
 |
 |
Image Gallery (slideshow) image image
Large Image
You may have to shrink your browser window to view the difference between the various options here. See the handleOversize option for more information.
 |
|
|
| Clipped (no resizing) | Resized | Draggable |
Flash
Shadowbox is able to display Flash through the use of the Flash player. Flash video is also supported.
 |
 swf swf |
 |
| Single SWF | SWF Gallery | Flash Video |
Movies
Shadowbox supports all of the web's most popular movie formats including QuickTime, Flash video, and Windows Media Player.
 |
 |
 |
| YouTube | QuickTime | Vimeo |
Web
This demonstration gallery is based on the work of Michael J. I. Jackson and Wyatt Miles.