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:

<a href="myimage.jpg" rel="shadowbox" title="Image">My Image</a>

That's it! Clicking on this link should now open up the image in Shadowbox like this:

Single Image (Flickr) | Image Gallery (slideshow) image image

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.

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

Movies

Shadowbox supports all of the web's most popular movie formats including QuickTime, Flash video, and Windows Media Player.

YouTube	Apple Trailer	Vimeo	Google Video

Windows Media (wmv)

Web

Shadowbox | Google

This demonstration gallery is based on the work of Michael J. I. Jackson and Wyatt Miles.