Here we note how Slickr Flickr Pro operates with third party lightboxes.
LightBoxes Pre-Installed With Slickr Flickr Pro
| LightBox | Supports Description | Supports Flickr Link in Title | Notes |
|---|---|---|---|
| Standard LightBox | Has Next and Prev buttons to move from one photo to another | ||
| LightBox Slideshow | Plays slideshow automatically | ||
| ThickBox | Photo descriptions are placed on the same line as the photo title |
LightBox Plugins Requiring Separate Installation
| LightBox | Supports Descriptions | Supports Flickr Link in Title | Notes |
|---|---|---|---|
| FancyBox | Need to set up custom gallery settings. See notes below. | ||
| Highslide | Set Highslide heading source to “None” and caption source to “Link Title” | ||
| LightBox Evolution | Need to set “Auto LightBoxing” option to “None” (also you will need to install the latest version of Evolution LightBox that supports at least jQuery 1.6) | ||
| LightBox Plus | LightBox Plus puts the navigation links on the same line as the caption so there is not much room. However, this will work with a short title, a short description and a large lightbox. | ||
| ShadowBox | If you want to use photo descriptions then you will be need to override or remove the height restriction of 26px on #sb-title, #sb-title-inner elements in shadowbox.css | ||
| ShutterBox | You need to use the default “shutterset” option to allow multiple galleries per page | ||
| SlimBox | |||
| WP Pretty Photo | Need to click the “Show Title” checkbox – also note that all galleries on the page get lumped into a single slideshow in the lightbox |
Notes
* – On the FancyBox Plugin Settings Gallery tab, click the option “Use a custom expression to apply FancyBox” and then enter the expression:
[code]Query(thumbnails).not(".fancybox").addClass("fancybox").attr("rel","fancybox").getTitle();[/code]
One Slickr Flickr user helpfully recommended this expression in preference to the above:
[code]
var posts = jQuery(‘.post’);
posts.each(function() {
jQuery(this).find(thumbnails).addClass("fancybox").attr(
‘rel’, ‘fancybox’+posts.index(this)).getTitle();
});
[/code]
How Slickr Flickr Passes The Photo Title and Description to the LightBox
Slickr Flickr creates a photo caption as follows:
- If flickr_link=”on” then the caption contains the photo title as the link text of a link to photo’s page on Flickr
- if flickr_link=”off” or is not defined the caption contains just the plain version of the photo title
Slickr Flickr then passes information to the lightbox as follows:
- anchor title attribute contains photo caption followed by photo description
- image title attribute contains photo title
- image alt attribute contains photo description
Most lightboxes can handle this information but some make assumptions that the anchor title is pure text and hence format the gallery or the lightbox badly.
IMPORTANT: Only Activate A Single LightBox
Make sure you only activate a single LightBox and then set up the LightBox option in Slickr Flickr Admin Settings to reflect that choice.
If you have more than one lightbox activated you will typically either get javascript errors and instead of getting the image in a lightbox the image with appear in a new tab on your browser.
Leave a Reply