The LiteBox stack offers a quick and easy way to add a lightbox effect to your Stacks 3 pages so that the images there will open in a larger, overlaid panel and visitors can enjoy them in all their glory.
LiteBox can be used in different ways. First, you can drag it onto the page and then drop other stacks inside it. Any images added inside the stack will have the lightbox effect applied without you having to do anything else at all. In this way you could add a grid stack, then add images to that to produce a simple gallery where every image opens into a lightbox.
Alternatively, you can drop the LiteBox stack onto the page and then select the ‘Lightbox External Images’ option and then images placed anywhere else on the page will open in a lightbox when selected; you can control exactly which images are affected if you know a little about HTML elements or CSS class and ID selectors – in this way you might specify all images on the page or just those in a specific container.
The final use for LiteBox is designed to help those users who use the HTML and Markdown stacks that are included with Rapidweaver and offers a quick and easy way to float images (which will usually just be plonked onto the page inline) left or right, wrap paragraph text round them and have them appear in a lightbox. If that’s your thing, then this feature alone makes LiteBox an incredibly useful stack.
LiteBox supports all the popular web image types including JPG, PNG, GIF and SVG and there are good basic controls over the lightbox’s appearance. LiteBox is only suitable for images, rather than other kinds of content – and it doesn’t support captions or offer left and right icons to move between images – but given its tiny footprint and how quick it is to set up, it’s a good choice for anyone who needs to lightbox a few images on their pages with the minimum of effort.
As with all Stacks4Stacks free stacks, if you use LiteBox you should consider making a small donation to keep the project going.