WP Featherlight: A New Lightbox Plugin for WordPress Images and Galleries

photo credit: neverland... - (license)
photo credit: neverland…(license)

WP Site Care recently launched its new WP Featherlight plugin on WordPress.org. While there are already hundreds of lightbox plugins available for WordPress, this one may prove to be the “lightest” of them all.

The plugin is essentially a wrapper for the Featherlight jQuery lightbox script created by Noel Bossart. Featherlight.js was designed to be very lightweight and is just 400 lines of JavaScript, 100 of CSS, and less than 6kB combined. It works on IE8+, all modern browsers, and on mobile platforms. The script is responsive and supports images, ajax, and iframes out of the box.

WP Featherlight solves a number of problems that WordPress users often encounter with lightbox plugins, many of which contain a load of heavy-handed styling that is difficult to override.

“We were having a really hard time finding a lightbox plugin that was simple to customize, but that was also lightweight, flexible, and didn’t add a bunch of bloat to our website,” WP Site Care founder Ryan Sullivan said in his post introducing the plugin.

The WP Site Care team opted to build their own solution on top of Featherlight.js. The resulting plugin provides a fast, minimalist style popup for images and galleries.

wp-featherlight-screenshot

The plugin includes built-in support for native WordPress galleries and Jetpack galleries. When you install it, there are no options to configure. It will automatically display all images and galleries in a lightbox. If you add some extra data attributes to your content, it’s also possible to display videos, iframes, and ajax content with WP Featherlight.

The demo video below shows how the plugin works with galleries to click from one image to the next while in the lightbox.

One common problem with WordPress lightbox plugins is that they usually load their scripts and styles on every page, whether you need the lightbox there or not. WP Featherlight gives you the option in the post editor to disable the lightbox. It’s a handy option to have in case you don’t want to load a larger version of your images on that particular post/page, but I’m not sure why you wouldn’t just conditionally load the scripts on pages that have images.

I tested WP Featherlight on a demo site and found that it works as advertised. You would be hard pressed to find a leaner lightbox plugin for WordPress. The style is super minimal and the fact that there are no options to configure makes it a pleasure to use. Many thanks to Robert Neu and the folks at WP Site Care for making it freely available on WordPress.org.

19

19 responses to “WP Featherlight: A New Lightbox Plugin for WordPress Images and Galleries”

  1. Looks like I missed this post somehow. Thanks for the writeup Sarah! We have a small update coming later this week to fix some edge case issues with caching plugins and update the Featherlight script to the latest version.

    If anyone finds any bugs or has issues of any kind, please let us know! We want WP Featherlight to work for as many situations as possible. :)

  2. I’ve installed the plugin and am testing it on my laptop. No arrow icons to browse to the next/prev images in a gallery. Keyboard keys not working either so I’m stuck on the same images. Any idea why?

    Also it doesn’t display captions/descriptions/alt texts as captions. As this aspect isn’t covered in the video I was wondering if it’s on purpose or if there’s something extra to do in order to display captions.

    Thanks!

Newsletter

Subscribe Via Email

Enter your email address to subscribe to this blog and receive notifications of new posts by email.