Shadowbox Media Viewer Plugin

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 comes bundled with adapters for the following JavaScript frameworks:

For easy thumbnail creation, try mavik Thumbnails set to Slimbox and no link to scripts
Installation Instructions
  1. Install/Upgrade the plugin through the normal Joomla Install/Uninstall page
  2. Open Shadowbox Media Viewer in the Plugin Manager
  3. Customise the parameters below and publish the plugin
If upgrading, you do not have to uninstall first but you may have to reselect your language

Most default Shadowbox options can be set in the Joomla plugin parameters as shown below. Hover over the titles for more information.

Plugin ParametersAdvanced Parameters


Usage Instructions

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 this link to an image on your page:

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

In order to set up this link for use with Shadowbox, simply change it to this:

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

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

The word lightbox will also work here. This feature was added for compatibility with the original Lightbox script. Also note that because HTML area tags do not support the rel attribute, you cannot use this method to set them up for use with Shadowbox.

If you would like to display a title for your image, simply add a title attribute to the link.

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

In addition to displaying single images and movies, Shadowbox is also capable of displaying galleries of content. In order to designate a link as part of a gallery, you must add the gallery name to the rel attribute between square brackets immediately following the word shadowbox. The following markup creates a gallery called "Vacation" with two pictures.

<a href="beach.jpg" rel="shadowbox[Vacation]">The Beach</a>
<a href="pier.jpg" rel="shadowbox[Vacation]">The Pier</a>

Click here for full usage instructions...

Shadowbox is licensed under the terms of the Shadowbox.js License. This license grants personal, non-commercial users the right to use Shadowbox without paying a fee. It also provides an option for users who wish to use Shadowbox for commercial purposes. You are encouraged to review the terms of the license before using Shadowbox.

If you would like to use Shadowbox for commercial purposes, you can purchase a license that allows you to use it on an unlimited number of commercial domains. Commercial licenses are available in two flavors: one for a single developer and one for any number of developers at a single agency or company. The form below will let you purchase both types of licenses securely via PayPal.

Click here to purchase a licence...

If you like this plugin, please consider writing a review on the Joomla Extension Directory...