Plugin Directory

Shadowbox JS

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. Optional: Visit the settings page in the WordPress admin at Settings -> Shadowbox JS

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.
  2. 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>

  3. Be sure to include rel="shadowbox" as this activates the plugin.

  4. 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.
  5. 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.
  6. 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.
  7. See http://shadowbox-js.com/doc/usage.html#markup for detailed markup instructions.
  8. 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.

    NOTE:

    Do not use the visual editor for doing the above. Use the code editor. When modifying this post in the future do not use the visual editor; please use the code editor always. To disable the visual editor for all users see the Easy Disable Visual Editor plugin.

Download

FYI

Compatibility beta

Your Setup

Log in to vote.

The Consensus (3 reporting)

100%
100,1,1
100,2,2 100,4,4 100,3,3
100,3,3
100,1,1

Average Rating

5 stars
4 stars
3 stars
2 stars
1 star
(83 ratings)