Shadowbox supports the following browsers:

Quirks mode is not supported in any browser, but that doesn’t necessarily mean that it won’t work. This means that you need to use either a strict or transitional DOCTYPE in order to use Shadowbox. For example, placing one of the following snippets at the very top of your HTML page (without any preceding space or comments) will tell browsers that you want that page to be rendered according to web standards:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

For more information on using DOCTYPEs and why you should always use them, read this article.


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. This is accomplished using adapters. An adapter is a small file that tells Shadowbox which methods to call on the underlying framework to achieve some common purpose such as querying the DOM or handling events. Shadowbox comes bundled with adapters for the following JavaScript frameworks:

If you plan on using Shadowbox together with one of these libraries, simply select the appropriate adapter when you download the code.


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.

Flash video is supported via the JW FLV Player. Although Shadowbox supports many types of video, it is recommended that all video be displayed in this format because it will have the most uniform result across different platforms. Please see the FAQ for more information on using the JW FLV Player with Shadowbox.

Shadowbox uses a smart plugin detection mechanism that automatically detects whether or not the client is capable of displaying linked content. For movies that can be played using either QuickTime or Windows Media Player, Shadowbox will automatically detect which one is installed and use it. In the case of a missing plugin, Shadowbox can either display a useful error message with a link to the appropriate plugin download page (the default behavior), or it can ignore the gallery piece altogether. See the handleUnsupported option for more details on how to configure this behavior.