WordPress.org

Ready to get started?Download WordPress

Plugin Directory

Shadowbox JS

Shadowbox is an online media vieiwing application similar to Lightbox and Thickbox but with more functionality. Supports all types of media.

Upgrade

  1. Use the plugin updater in WordPress or...
  2. Deactivate the Shadowbox JS plugin
  3. Delete the previous shadowbox-js folder from the /wp-content/plugins/ directory
  4. Upload the new shadowbox-js folder to the /wp-content/plugins/ directory
  5. Activate the Shadowbox JS plugin
  6. Visit the settings page in the WordPress admin at Settings -> Shadowbox JS and install the required dependencies if needed

Usage

  1. By default this plugin will add the activator attribute to all image links, movie links, audio links and YouTube/Google Video links that do not already have the activator attribute. Meaning basically, by default all images in the posts on your site will automatically be displayed using Shadowbox.

If you want more fine grain control over the links continue with the next steps. If not then stop here.

1. Create a link in your post in the following format (This link can be to pretty much anything including websites, video files, YouTube, Google Video and inline content):

<a href="http://domain.tld/directory/to/image.jpg" rel="shadowbox[album]">Image</a>

2. Be sure to include rel="shadowbox" as this activates the plugin. 3. If rel="shadowbox[album]" is included the portion listed here as [album] will group multiple pictures into an album called album. Do not use [gallery] to define an album as WordPress has a shortcode that will interfere. 4. If you are using this as a lightbox replacement you do not need to change rel="lightbox" to rel="shadowbox". Shadowbox.js supports rel="lightbox" natively. 5. If you want to make a gallery/album and only want one link to display you can use class="hidden" to hide the additional links. 6. See http://shadowbox-js.com/doc/usage.html#markup for detailed markup instructions. 7. If you are using using Shadowbox globally for all images but have an image you do not wish to use Shadowbox on use rel="nobox" in your image link.

Requires: 3.3 or higher
Compatible up to: 3.4.2
Last Updated: 2012-4-20
Downloads: 491,763

Ratings

3 stars
4 out of 5 stars

Support

0 of 5 support threads in the last two months have been resolved.

Got something to say? Need help?

Compatibility

+
=
Not enough data

0 people say it works.
0 people say it's broken.

100,2,2
100,2,2 100,4,4 100,4,4
100,6,6 100,1,1
100,1,1 83,6,5
100,1,1 85,13,11 100,1,1
90,10,9 67,3,2 100,1,1 84,19,16
87,15,13
92,13,12
100,2,2
100,1,1
100,7,7
83,6,5
80,5,4
100,1,1 11,9,1 75,4,3 33,3,1 100,2,2
100,3,3
91,11,10
0,2,0 67,6,4
50,4,2 50,4,2 100,2,2
100,2,2
25,4,1
100,4,4
75,4,3
60,5,3
86,7,6
100,2,2
50,2,1
100,1,1
0,1,0
100,1,1