Shadowbox Media Viewer

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.


Although Shadowbox can be used in standalone mode, it’s just as easy to use Shadowbox with your JavaScript library of choice for a given project. Shadowbox comes bundled with adapters for the following JavaScript frameworks:

* Prototype
* jQuery
* MooTools (requires 1.2 Core)
* Dojo Toolkit
* Yahoo! User Interface Library (requires yahoo-dom-event.js)
* Ext (requires ext-core.js)

Shadowbox supports many different media formats via the Flash, QuickTime, and Windows Media Player browser plugins. Windows media files are supported on the Mac via the Flip4Mac QuickTime plugin.

Shadowbox includes many front-end languages such as Arabic, Catalan, Czech, Danish, German (Swiss), German, English, Spanish, Estonian, Finnish, French, Galician, Hebrew, Hungarian, Indonesian, Icelandic, Italian, Japanese, Korean, Burmese, Dutch, Norwegian, Polish, Portuguese (Brazilian), Portuguese, Romanian, Russian, Slovak, Swedish, Turkish, Chinese (Simplified) and Chinese (Traditional).

The simplest way to tell Shadowbox which links you want it to open is to add a rel=”shadowbox” (or rel=”lightbox”) attribute to each link. See the documentation for full usage instructions.

Leave a comment