Lightboxes — where clicking on a thumbnail opens a full-size version on top of the rest of your content — are still one of the most popular design elements used on websites. They save space, users understand how they work and implemented with care, they can work well even on the smallest devices.
This is version 3 of Barz’ Image Lightbox, re-written for Stacks 3 and available at a real knock-down price. As the name suggests, it’s designed to work with images only, and these can be dragged and dropped onto the stack or stored on your server (‘warehoused’ is the term popular among RW users) and then referenced with a link. (If you want a Lightbox that can handle other types of content as well, check out Maik Barz’ Stack Lightbox 3 instead).
To create your lightbox, just drop the stack onto a page and then click the ‘+’ icon to add the first image; then keep going until you’ve added all your content. The lightbox doesn’t behave like a slideshow so your visitors will have to click or tap or swipe an image to move on to the next one — there are settings to include arrows and navigation controls to make this more obvious — and you can also add a close button and a fancy ‘activity indicator’ which displays an animation between images. You can set the width of the thumbnail in pixels or by percentage and define an overlay colour to match that of your chosen theme. It’s also possible to include a simple image caption by double clicking a picture in Edit mode and typing the text into the Alt Tag field.
And that’s about it. You don’t get any control over the appearance of the images in the lightbox (so you’d better like surround-shadows and and captions that are white on grey) the arrows and navigation, or the transition effect between images. That said, it’s brilliantly simple to use, very inexpensive and is a great solution for anyone looking for an image lightbox that works with both locally stored and warehoused images.