About these guides

Each article starts from a concrete situation: a site moving away from the old jQuery plugin, captions that live in the markup instead of a title attribute, photos that arrive after the first page load, or a portfolio that should zoom further on a phone. It explains which options matter, shows the code and ends with a live gallery using exactly that configuration, so you can try the behaviour before copying it.

The code in the guides uses the standalone build and plain JavaScript. It works the same way with the jQuery variant: replace new SimpleLightbox(selector, options) with $(selector).simpleLightbox(options) and keep the options object as it is.

For content management systems, the WordPress and TYPO3 pages cover loading the files, the markup produced by the editors and grouping the images of each gallery.

Where to start

If you have not used SimpleLightbox before, begin with Install and Usage in the documentation, then open the examples. Coming from an old 1.x site? The migration guide lists everything that changed.