Dougal Campbell's geek ramblings

WordPress, web development, and world domination.

FancyBox Gallery

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:

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):

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.
Bookmark the permalink.

38 Responses to FancyBox Gallery

  1. Pingback: FancyBox Gallery demo fixed

  2. Pingback: FancyBox Gallery WordPress Plugin Review

  3. Pingback: Les galeries WordPress, en fait c’est pas si mal ! par devblog.fr

Leave a Reply