Description

FancyBox Gallery integrates the FancyBox jQuery plugin into the WordPress
gallery functionality. Simply use the gallery shortcode to display
thumbnails in your posts with the option to link directly to the images (not
the attachment template), and the plugin handles the rest. You get nice
popups for the larger sized images, scaled to fit in the browser window,
with a nice overlay effect.

Features:

Automatically scales large images to fit in window

Adds a nice drop shadow under the zoomed item

Groups related items and adds navigation through them (uses preloading)

FancyBox jQuery features, not yet implemented in the WordPress plugin:

Can display images, inline and iframed content

Customizable through settings and CSS

ToDo

Add a settings screen. Allow control of FancyBox display options.

Let user set their own CSS selector, instead of assuming the standard
WordPress shortcode.

Credits

The FancyBox jQuery plugin is by Janis Skarnelis, and can be found here:

http://fancy.klade.lv/

Changelog

0.3.2 2010-01-10

Tested up to WordPress 3.0-alpha

0.3.1 2009-06-11

Fixed path to easing plugin.

0.3 2009-06-11

Upgraded to fancybox 1.2.1

Due to new version of fancybox, which requires jQuery version 1.3.2,
the plugin now requires WordPress 2.8 (or at least the newer jQuery)

Now supports next/previous image navigation within gallery images of
a post.

0.2 2009-01-26

Override table styles for image captions so that it works better with
more themes.

0.1 2009-01-25

Initial release. No options, yet. Only works if you use the gallery
shortcode like so: [gallery link="file"]

Demo

Click an image to enlarge. Use mouse or left/right arrow keys to navigate between images. Click the ‘X’ or press ESC to exit lightbox mode:

At Spoon Thai Restaurant

The Atlanta skyline from the roof of the MailChimp offices

Claire wearing Jesse’s cowgirl hat

Claire taking a (rare) nap

A lizard hunting for breakfast outside the MailChimp offices

Spazo wearing Jesse’s cowgirl hat

And here’s a second gallery, notice that the navigation for each gallery is separate (you don’t browse from the end of one gallery to the beginning of the next):

Like this:

About Dougal Campbell

Dougal is a web developer, and a "Developer Emeritus" for the WordPress platform. When he's not coding PHP, Perl, CSS, JavaScript, or whatnot, he spends time with his wife, three children, a dog, and a cat in their Atlanta area home.

works OK on wp3.4 however what i would like to see is the fancy box work on a single image, also maybe be intelligent to screen size and resize image to fit if image size exceeds screen size it looks messy with a caption thx

Hi Dougal,
I can’t get the plug-in to work.The shortcode is in [gallery link="file"] but absolutely nothing happens. Is there aomething else I need to do? I’m on a local server so unfortunately can’t include a live url.

Without being able to see the site, it’s hard to say what the problem could be. You’ve used the WordPress media uploader to attach images to the post? That should be all there is to it.

I have, however, seen themes override the gallery shortcode output. If your theme changes the gallery HTML output significantly, it could cause the jQuery selectors to fail to match. I might be able to add an advanced config option in the next update to let you override the selector.

First, let me tell you this is a fantastic plugin. Very simple, yet does a magnificient job. Now I know you’re working on an update, but I’d like to know whether it’s possible to have the light box showing the image at a slighty smaller percentage. It seems to have some trouble with vertical pictures, where the title under the light boxes is squeezed out of the screen and creates bizarre scrolling situations in the page (at please in Google Chrome). I’ve tried tweaking the css properties of the title and fancy box divs but it seems like the solution may be deeper in the code.

I don’t know if you have a light fix for that or if it has to be integrated in the new version, but feedback on this issue would be greatly appreciated.

The plugin was working ok, but now it is behaving abnormally. When I click on one of the images it does not open it–it seems to be linking to another image. Can you you please take a look and give your opening?http://dominicanhairsolutions.com/gallery/

One last question. Any idea how to alter the code so instead of WordPress’s default short code being [gallery ids="1,2,3,4"] it would be [gallery link="file" ids="1,2,3,4] – basically having WordPress insert the link=”file” attribute by default? Thanks!

Right now there’s not an easy way to do that. I think WordPress 3.6 will be adding a filter for shortcode parameters that will allow me to make it automatic, though. If I figure something out before then, I’ll include it in an update.

at first, let me say thank you for your great plugin. I integrated it into my blog on: http://www.huss-musicinmotion.de/galerie.html. I only have on problem. On firefox and chrome it works fine. IE 9 & 10 only show a grey background when opening a photo. Is that a known issue?
Thanks for helping me.

Hi Dougal,
I wanted to say thank you for this great plugin;
I’ve used it a few times for different sites, but was disappointed when the wp3.5 update disabled the image titles from showing under the lightbox images, as I was unable to find another plugin that was as simple or elegant to replace it.