Shadowbox JS

Shadowbox is an online media viewing application that supports all of the web’s most popular media publishing formats. Shadowbox is written entirely in JavaScript and CSS and is highly customizable. Using Shadowbox, website authors can display a wide assortment of media in all major browsers without navigating users away from the linking page.

This plugin uses Shadowbox written by Michael J. I. Jackson.

Javascript libraries supported are: None, YUI, Prototype, jQuery and MooTools. Prototype and jQuery are used from the Javascript libraries included with WordPress, YUI is loaded from Yahoo APIs and Mootools is loaded from Google APIs.

This plugin can also be used as a drop in lightbox replacement, without requiring you to edit posts already using lightbox.

By default this plugin will use Shadowbox for all image links, movie links, audio links and YouTube/Google Video links including those generated by the [gallery] shortcode.

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 from http://www.shadowbox-js.com/.

This plugin also makes use of the JW FLV Player. JW FLV Player is licensed under the terms of the Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License. If you would like to use JW FLV Player for commercial purposes, you can purchase a license from https://www.longtailvideo.com/players/order2.

Neither Shadowbox nor the JW FLV Player are actually included in this plugin. The plugin will ask you to download these files after installation and activation.

Please use the Shadowbox JS support forum for problems or questions with this plugin. Support questions will be ignored if left as comments on my site, through my contact form or by email. The only supported location for support questions is http://wordpress.org/tags/shadowbox-js.

This plugin is absolutely not supported when used in combination with the Thesis theme. Please do not ask for support if you are using such a configuration.

Version Information

Version: 3.0.3.10.2
Requires WordPress Version: 3.3
Compatible Up To: 3.4

Download

Downloaded: 383761 times
Latest version: Download Shadowbox JS v3.0.3.10.2 [zip]
Other versions: Download Shadowbox JS archives

Screenshots

An Image
A Website
A YouTube Video

Samples

Sample Gallery using [gallery] shortcode

Installation

Upload the shadowbox-js folder to the /wp-content/plugins/ directory or install directly through the plugin installer
Activate the plugin through the ‘Plugins’ menu in WordPress or by using the link provided by the plugin installer
Visit the settings page in the Admin at Settings -> Shadowbox JS and install the required dependencies
Optional: Activate the ‘Shadowbox JS – Use Title from Image’ plugin to push the title from ‘img’ tags onto the parent ‘a’ tag

Upgrade

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

Usage

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.

FAQ

Q. What image file types will this plugin automatically add Shadowbox to?
A. bmp, gif, png, jpg, and jpeg

Q. What movie file types will this plugin automatically add Shadowbox to?
A. swf, flv, f4v, dv, mov, moov, movie, mp4, asf, wm, wmv, avi, mpg and mpeg

Q. What audio file types will this plugin automatically add Shadowbox to?
A. mp3 and aac

Q. When I click on my YouTube links I see the full YouTube web site and not just my video. What is wrong?
A. You have probably used the wrong form of the YouTube URL. If you used something like http://www.youtube.com/watch?v=3D3kFn_3xRY that will disaply the YouTube website and not just the video. To just get the video use a link that looks like http://www.youtube.com/v/3D3kFn_3xRY.

Q. How can I use a custom Shadowbox skin without having to worry about it being deleted during the upgrade process?
A. The first thing you will need to do is to download shadowbox.js source from the github repository: http://github.com/mjijackson/shadowbox/downloads

Second modify and build as required, then follow the next 2 FAQs for using a custom shadowbox.js and a custom shadowbox.css. I will not tell you how to build shadowbox, you can find that information in the source download.

You do not necessarily have to do both. It is possible to only load a custom markup or only a custom css.

Q. I cannot seem to get the plugin to download the Shadowbox source. What can I do?
A. You can follow the steps outlined in the ‘How can I use my own shadowbox.js’ and ‘How can I use my own shadowbox.css?’ or you can manually download and extract as explained by the plugin.

Q. I don’t want to downlaod the source from your site at all. How else can I get the source?
A. Follow the steps outlined in the ‘How can I use my own shadowbox.js’ and ‘How can I use my own shadowbox.css?’.

Q. How can I use my own shadowbox.js?
A. Download or purchase Shadowbox from http://www.shadowbox-js.com/ and then…

This can be accomplished using filters. You will need to run a filter on ‘shadowbox-js’; and here is some sample code to show you how:

function custom_shadowbox_js($url) {
    return get_bloginfo('stylesheet_directory') . '/js/shadowbox.js';
}
add_filter('shadowbox-js', 'custom_shadowbox_js');

Just drop that code, modifying to your needs, in a custom plugin or mu-plugin and enjoy.

Q. How can I use my own shadowbox.css?
A. Just as above this can be accomplished using filters. You will need to run a filter on ‘shadowbox-css’; and here is some sample code to show you how:

function custom_shadowbox_css($url) {
    return get_bloginfo('stylesheet_directory') . '/css/shadowbox.css';
}
add_filter('shadowbox-css', 'custom_shadowbox_css');

Just drop that code, modifying to your needs, in a custom plugin or mu-plugin and enjoy.

Q. Can I selectively load Shadowbox on pages that need it?
A. Yes. However this functionality requires WordPress 2.8. If you are running WordPress 2.8 and you would like to enable this functionality visit Settings -> Shadowbox JS and set Enable Smart Loading to true.

Q. Why isn’t this plugin working?
A. Check to make sure that you have <?php wp_head(); ?> in your themes header.php and <?php wp_footer(); ?> in your themes fotoer.php. See the default WordPress theme for examples. Also see the FAQ below.

Q. This plugin has stopped working since I installed another plugin or another plugin has stopped working since I installed this plugin. What can I do?
A. Try changing the Javascript Library used by this plugin to something other than ‘None’ on the Shadowbox JS settings page in the WordPress admin.

Q. Is this plugin really GPL?
A. The plugin itself is GPL, however Shadowbox and JW FLV Player are not GPL. Without the non GPL Shadowbox component, this plugin cannot function.

JW FLV Player is licensed under the terms of the Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License. If you would like to use JW FLV Player for commercial purposes, you can purchase a license from https://www.longtailvideo.com/players/order2.▒

Neither Shadowbox nor the JW FLV Player are actually included in this plugin. The plugin will ask you to download these files after installation and activation.

Changelog

3.0.3.10.2 (2012-04-20):

Don’t assume that the uploads dir is wp-content/uploads, use wp_upload_dir to get the correct path. This only affects the meta box that informs users where they can manually place the files.

3.0.3.10.1 (2012-04-10):

Update S.path in shadowbox to the new URL of where the source files are located
Clear the missing files nag if the files were downloaded manually

3.0.3.10 (2012-03-13):

Removed the upstream Shadowbox JS package from the plugin. As a result, this plugin has been updated to handle downloading the required files for use.

3.0.3.9 (2011-12-08):

Updates to handle the script enqueueing in WordPress 3.3

3.0.3.8 (2011-06-08):

Due to large reworkings script dependencies were not being loaded when a library other than ‘None’ was selected on the settings page

3.0.3.7 (2011-06-07):

Missed a merge

3.0.3.6 (2011-06-07):

Had to bump the version because I forgot to do so previsouly for 3.0.3.5 for the sub plugin, this should fix update notices

3.0.3.5 (2011-06-07):

Update Javascript code comments to be safe with broken HTML minification processes
Hook into the_content if Smart Loading is disabled instead of the_posts
Better post id detection for gallery grouping

3.0.3.4 (2011-06-02):

Make the Shadowbox ‘album’ names a little more unique to bypass a bug in the WordPress shortcode regex where a ‘-’ is seen as the ending delimiter in a shortcode name

3.0.3.3 (2011-05-31):

Create new escaping functions to get around problems with plugins and themes filtering the builtin escaping functions
Make sure cached file is world readable before trying to enqueue it
Add option to disable creating and using the cached shadowbox.js
Code cleanups
Hook into the_posts instead of the_content for easier determination if styles and scripts should be enqueued.
Regular Expression enhancements
Add option to not used the cached shadowbox.js and have it generate on page load

3.0.3.2 (2010-04-05):

Replace missed wp_htmledit_pre functions in the options page

3.0.3.1 (2010-04-05):

Replace wp_htmledit_pre with htmlspecialchars as it seems themes and plugins are adding output using it’s filter

3.0.3 (2010-04-03):

Upgrade shadowbox.js to 3.0.3
Graceful degredation when plugin PHP files are missing
Remove custom upgrade notices in favor of the new built in functionality
Separate out the plugin into additional files for better organization
WordPress 2.8 minimum requirement
Make sure options are not blank, if a user tries to update an option with nothing in the admin, revert to the default value
Create a lot of filters so people can hook in and override things
Add additional plugin to push the title from ‘img’ tags to ‘a’ tags
Remove Dojo and Ext support

3.0.0.3 (2009-11-07):

Fix empty options on activation for new installs

3.0.0.2 (2009-10-30):

Update shadowbox.js build from upstream
Add option to disable sizzle.js
Enhance Upgrade Logic
Add Dutch translation
Update to not start anything until init at earliest
Split FLV from Auto Movies so that we can force certain file types to use the FLV player
Replace logic to use the video height and width for all videos by defualt, not just Youtube and Google Video

3.0.0.1 (2009-06-30):

Bring back PHP4 support
Increase speed by reducing the number of queries
Code cleanup
Add changelog output to upgrade notice in admin. Requires WordPress 2.8
Do not display majority of the settings page form if the options have been removed from the database
Fix broken localization directory name in code and update localization template
Remove unused javascript files
Add Russian translation

3.0.0.0 (2009-06-10):

Updated Shadowbox to 3.0b1
Code cleanup and optimization, will only load the code into memory that is needed
Removed IE8 hack since Shadowbox 3.0 now supports IE8
Added options to the admin page for modifying the default size of YouTube videos
Full screen in YouTube videos is now supported
Added options to the admin page for modifying flashVars, flashParams and minimum flash version required
Added option to the admin page for disabling Shadowbox.setup so that Shadowbox.setup can be run from another script to allow image maps through area tags
Disabled the FLV player by default since it has a non-commercial license. Must enable FLV player after accepting licensing in the admin
Added capability for loading shadowbox only when needed. Requires WordPress 2.8.
Added capability for only loading the shadowbox players you want.

2.0.4.1 (2009-03-24):

Add IE8 support by way of the X-UA-Compatibile meta tag

2.0.4.0 (2009-03-18):

Use domready events for javascript libraries other than None for intialization of shadowbox so that shadowbox works before the page is completely loaded
Initial support for WordPress 2.8, more updates will finalized as WordPress 2.8 is finalized
Bulgarian translation for shadowbox.js added
Code cleanup
Change default size for Youtube videos
Add automation to the_excerpt so links in custom excerpts can utilize shadowbox
Support for custom skins using a filter (see the FAQ)

2.0.3.3 (2009-01-23):

Fix issue where replacement was trying to be done when no replacements were necessary
Add feature to attempt to automatically set Shadowbox language based on defined WordPress language
Only load the required javascript in the admin when on the shadowbox-js settings page
Clean up code

2.0.3.2 (2008-12-26):

Fix animate and animateFade select options, were true/true, now true/false
Fix PHP warnings about non-existent $_POST array indexes

2.0.3.1 (2008-12-23):

Updated invalid php start tag

2.0.3.0 (2008-12-23):

Added options page to admin interface
Added support to automatically use Shadowbox for movie, audio and YouTube/Google Video links.

2.0.2.1 (2008-09-22):

Fixed typo in variable name containing the previous rel attribute of the link

2.0.2 (2008-09-22):

Added support to automatically use Shadowbox to display all images in your posts including those generated by the [gallery] shortcode.
Added deactivator rel attribute. Use rel=”nobox” to not use Shadowbox to display an image when global activation is configured.

2.0.1 (2008-08-25):

updated code for readability
Added support for [gallery] shortcode

2.0 (2008-08-11):

Updated shadowbox.js to version 2.0
Added various options and changes to support shadowbox.js version 2.0
Updated javascript library locations to use Google APIs and Yahoo APIs where applicable.
Changed versioning of the plugin to match that of the shadowbox.js version

0.4 (2008-04-10):

Updated to use assetURL for location to shadowbox files
Cleaned up code and added extended comments
Added extras.css with support for hidden class
Added support to not include javascript libraries

0.3 (2008-02-26):

Updated Shadowbox.js to version 1.0 Final
Added support for Ext, Dojo and MooTools Javascript Libraries
Removed lightbox2shadowbox function/filter as Shadowbox.js now natively supports rel=”lightbox”
Consolidated repetitive code
Removed images that were not in use
Selected MooTools as the default as it contains the smallest payload

0.2 (2008-02-22):

Initial Public Release

271 thoughts on “Shadowbox JS”

david on 27 Feb 2008 at 08:28:18 CDT said:

is there a way to automaticly give all of my images rel=shadowbox?

Reply ↓
Matt on 27 Feb 2008 at 20:42:11 CDT said:

@david: not easily. You would have to use a Plugin to do it and I’m not aware of any plugin that has that functionality. In addition rel=”shadowbox” is applied to the link and not the image which would make it more difficult. You wouldn’t want to apply it to all links only those with images.

I may begin work on such a plugin shortly.

Reply ↓
Pingback: links for 2008-02-28 at orioa
Josh on 28 Feb 2008 at 07:44:23 CDT said:

Is there a way to specify the dimensions of the media? I tried embedding a Google Video, and it was smaller than I prefer, so I tried the same with a YouTube video, which automatically fills the screen.

Otherwise, great job!

Josh

Reply ↓
Josh on 28 Feb 2008 at 07:58:58 CDT said:

Sorry, I didn’t see that was already on your To-do list!

Reply ↓
Matt on 28 Feb 2008 at 12:59:25 CDT said:

@Josh: You can specify the height and width manually by adding height and width to the rel portion of the a tag.

See the example below:

<a href="http://www.youtube.com/v/wbzLpteC8ng&autoplay=1" rel="shadowbox;width=405;height=340" title="David Beckham">YouTube</a>

Reply ↓
Eric on 28 Feb 2008 at 14:32:36 CDT said:

Hey, this is a seriously cool plugin!

I have somes questions about shadowbox with videos tho.

If I specify a URL from, say, a Veoh video, then can I still use the FullScreen feature from the Veoh video player?

Thx!

Reply ↓
Matt on 28 Feb 2008 at 15:07:48 CDT said:

@Eric: First thanks! Second, as long as the video player used by Veoh has a full screen mode, then that full screen mode will work. The FLV Player that is included with the plugin has a full screen mode and that works without problem.

Reply ↓
Eric on 28 Feb 2008 at 19:57:19 CDT said:

Thanks for your answer!

I actually tried implementing Shadowbox into my new blog and it’s working well. However, I am still having trouble getting the Full Screen function to work with a Veoh video. I am sure the Veoh video has a Full Screen function. Here is the link I use to post the video in a Shadowbox:
<a href="http://www.veoh.com/videodetails2.swf?permalinkId=v6278349gZhm8ZDj&id=anonymous&player=videodetailsembedded&videoAutoPlay=0" title="Bleach 162" rel="nofollow">Bleach 162</a>

I am not sure what I have to specify to enable the Full Screen function. Right now if I click the Full Screen button, nothing happens.

Other than that, everything else working great!

Any help would be greatly appreciated.

Reply ↓

Sorry I realized my shadowbox link was incorrect.
Its better if I post it this way:

<a href="http://www.veoh.com/videodetails2.swf?permalinkId=v6278349gZhm8ZDj&id=anonymous&player=videodetailsembedded&videoAutoPlay=0&quot; rel="shadowbox;width=1024;height=768" title="Bleach 162" rel="nofollow">Bleach 162</a>

Thx

Reply ↓

Josh on 28 Feb 2008 at 23:50:22 CDT said:

Thanks, I hadn’t seen that documentation anywhere about dimensions. Perhaps I missed reading a file somewhere?

Reply ↓
Edeving on 01 Mar 2008 at 07:43:34 CDT said:

I am interested in more info about editing the colors and the text of this plugin. Want to translate it!

Reply ↓
Miles on 03 Mar 2008 at 13:54:49 CDT said:

I have noticed two possible bugs with the shadowbox plugin.

First, I noticed that it does not seem to want to play any streaming videos that are located on my streaming server beginning with the protocol rtsp://

Second, I noticed it does not like to play the slideshow component I have purchased from http://slideshowpro.net/. Slideshowpro is just a component displayed in a swf, for those of you who are unfamiliar.

These features worked with the original shadowbox written by Michael J. I. Jackson. But will not work with the plugin.

Any ideas?

Reply ↓
Matt on 03 Mar 2008 at 15:22:51 CDT said:

@Miles: This plugin implements the Shadowbox.js plugin simply by inserting the javascript libraries and css files into the headers. There have been no modifications to the Shadowbox code.

I have noticed however that WordPress can cause some issues because it converts special characters to html friendly characters. Such as &. And when doing this Shadowbox.js has some difficult determining the mime type of the files.

Reply ↓
volderette on 04 Mar 2008 at 08:22:19 CDT said:

Im using this plugin for wordpress, but it doesnt load pages in the format http://foobar.com/page/ Is there a solution for this? Thank you in advance.

Reply ↓
Babak on 04 Mar 2008 at 22:42:28 CDT said:

Hi, could you please tell me what this means exactly (in n00b speak)?

“Edit shadowbox-js.php and modify $jsLib and $lightCSS based on the comments following each variable.”

also what do you mean by this:

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.

??

Reply ↓
Matt on 05 Mar 2008 at 12:24:32 CDT said:

@Babak: If you are not sure what it means to modify $jsLib and $LightCSS then don’t do it. The plugin will simply work with the defaults.

As for not using the visual editor when you are typing a post or page there is a tab that says visual and a tab that says code. When writing a post that uses this plugin never use the tab labeled visual. Always use the tab labeled code.

Reply ↓
Babak on 06 Mar 2008 at 22:37:05 CDT said:

thank you!

Reply ↓
Luke on 07 Mar 2008 at 03:09:35 CDT said:

Hello Matt,

Your plugin and provided comments as well as written instructions for the plugin are very helpful and I am happy to have found such a great feature to utilise for my website. I’m currently in the process of uploading completed assignments in the form of videos/images/flash files to get feedback from friends, classmates and others.

What I wanted to ask you is how could I present your code for the shadowbox to show a thumbnail so that there is a visual descriptor before clicking on it to watch a larger version (be it a video or image), rather than just a link?

Thank in advance for your continued support.

Warm regards,

Luke

Reply ↓
Rene on 07 Mar 2008 at 05:29:35 CDT said:

First of all, LOVE the plugin. Very sexy. I think I have a pretty challenging task…

I want to be able to use this feature when someone clicks on a page in the main navigation. The only way I know how to redirect pages to external URLs is to use the “EasyRedirect” plugin which also does not have the external link open in a new window. I figured this Shadowbox feature would look so nice when needing to direct someone to an external site. Have any ideas?

BTW — I did try to go into the easyredirect.php to see if I could add the rel=”shadowbox” to the link — and I am just not that up to snuff with PHP. I have yet to find any support for the easy redirect plugin.

Thanks again for the awesome plugin. Very nice.

Reply ↓
Arun on 10 Mar 2008 at 03:21:38 CDT said:

Thank you for this brilliant plugin :)

Reply ↓
Cybershead on 10 Mar 2008 at 06:07:02 CDT said:

fantastic plugin… Can you tell me how i can use shadowbox from Flash, i.e if i have a link in flash so it will still open i shadowbox like it would if i linked from an html page etc. Thanks again

Reply ↓
San Diego Web Designer on 11 Mar 2008 at 16:47:07 CDT said:

Matt, what an awesome plugin. I’m just getting my site revamped in WordPress (1st timer). I have previously installed and worked with Lightbox via handcoding and CSS. Your plugin saves VALUABLE amounts of time and validates. Fantastic contribution to the WordPress Community.
Thanks-

Reply ↓
Matt on 11 Mar 2008 at 18:58:27 CDT said:

@Luke: You would simply need to create a thumbnail image upload it using WordPress while writing a post and create a link in the form of:
<a href="..." rel="shadowbox"><img src="..." /></a>

See my examples above under the usage section.

@Rene: At this point in time I’m not sure what you would need to do. If I have some available time in the near future I’ll take a look into it.

@Cybershead: That is a bit out of scope for what this plugin is aimed at. I would see the original authors site of Shadowbox.js to see if you can find that information. http://mjijackson.com/

Reply ↓
Matt on 12 Mar 2008 at 22:05:54 CDT said:

Love this script. One problem, it seems not to work in IE7? Is this the case or do I have something mis-configured?

Reply ↓
Josh on 13 Mar 2008 at 01:20:42 CDT said:

The script works with IE, BUT I just ran into a problem with using it while the ‘curreX’ currency converter widget is installed. That widget breaks shadowbox. And Shadowbox breaks that widget AND any dropdown boxes on the page. This is, of course, only when BOTH plug-ins are active.

Reply ↓
Matt on 13 Mar 2008 at 08:06:03 CDT said:

@Josh: I would imagine it is because curreX loads prototype.js for its use. This plugin uses mootools by default and it may be causing some issues. I would try setting the jsLib variable in shadowbox-js.php to prototype and see if that fixes your problem.

Reply ↓
Matt on 13 Mar 2008 at 08:08:07 CDT said:

@Matt: have you tried viewing this post in IE7 and clicking on one of the samples?

It does work in IE7 in case you haven’t tried.

Reply ↓
Josh on 13 Mar 2008 at 08:49:08 CDT said:

That worked! Thanks!

Reply ↓
Babak on 17 Mar 2008 at 22:00:29 CDT said:

Matt, I’ve uploaded and installed the plugin but it doesn’t seem to work. I can see a brief lightbox effect, when the whole screen goes grey after clicking on the image with the rel="nofollow" tag but then it fails.

see here for an example, where it says, Click to Enlarge Graph

Reply ↓
OwlBoy on 18 Mar 2008 at 13:22:37 CDT said:

Thank you for this. Helped me reduce the size of the scripts I was using for a lightbox considerably by using this with the mootools.

-Owl

Reply ↓
Matt on 18 Mar 2008 at 14:21:24 CDT said:

@Babak: I would try 2 things. One remove class=”imagelink” from the ‘a’ tag. Second try removing the onclick event for urchinTracker from the ‘a’ tag.

Reply ↓
Babak on 18 Mar 2008 at 20:52:05 CDT said:

oops! I meant rel=”lightbox” not “nofollow” but anyways…

I’ve removed the class=”imagelink” but I’m not sure what you mean by onclick even for urchinTracker… I don’t see any such tag on the ‘a’ or ‘img’ tag?

does that have something to do with google analytics?

I’m confused (again)

thanks for your help

Reply ↓
Matt on 19 Mar 2008 at 08:44:20 CDT said:

@Babak: Lets try changing the javascript library you are using in the plugin from mootools to prototype.

Open shadowbox-js.php in some sort of text editor. Find the line that says
$jsLib = 'mootools';
and change that to
$jsLib = 'prototype';

After you have done that try it again. Another thing you can try is to temporarily disable Ultimate Google Analytics.

Reply ↓
darrell on 20 Mar 2008 at 17:55:30 CDT said:

when i use shadowbox standalone, i can launch a slideshow from a single link with html like:

image
image
image

and all i see is a single link labelled image, which when clicked, launches the slideshow

however when i try this with your plugin, i get every one of those ‘image’ anchors in the list above (eg

image
image
image

)

the slideshow still works once launched, but i just want a single link displayed on the post…

am i missing something (ie does it need to be done differently using the plugin?), or is this broken?http://sivel.net/blog/wp-content/themes/sivelnet/images/submit.gif

thanks

d

Reply ↓
darrell on 20 Mar 2008 at 17:56:34 CDT said:

er sorry that example code should have read

<a rel="shadowbox[gallery]" href="a.jpg" class="option" title="A">image</a> <a rel="shadowbox[gallery]" href="b.jpg" class="hidden" title="B">image</a> <a rel="shadowbox[gallery]" href="c.jpg" class="hidden" title="C">image</a>

Reply ↓
Matt on 20 Mar 2008 at 19:31:23 CDT said:
@darrell: The reason that it doesn’t work with this plugin is that the hidden class in not a feature of Shadowbox by Michael J I Jackson or this plugin.

The hidden class was included in the full download from Michael J I Jackson’s site which includes a sample gallery and the documentation. That class is part of style.css which is part of the sample gallery.

If you want to add this functionality to this plugin open shadowbox-js/css/shadowbox.css in a text editor or through the plugin editor in WordPress and add the following to the end of that file:
```
.hidden {
     display: none;
}
```
Reply ↓

hey.

I was wondering if you could explain how to edit your script to include these options={counterType:’skip’, continuous:true, animSequence:’sync’}

as described on mjijackson.com these can be added on a per link basis but i want to add it to the header so its site wide eg

<script type="text/javascript">

    $(document).ready(function(){

    var options = {
        resizeLgImages:     true,
        displayNav:         false,
        handleUnsupported:  'remove',
        keysClose:          ['c', 27], // c or esc
        autoplayMovies:     false
    };

    Shadowbox.init(options);

});
</script>