This post demonstrates the image gallery system built into this site. All images and galleries expand to full page width by default, while text stays in a comfortable reading column. Lightbox is enabled by default (click any image). Below you can find examples of every gallery type and configuration.
Grid layout
The most common gallery type. Images are arranged in a uniform grid with a configurable number of columns. When the last row has fewer images than the grid width, they are centered automatically.
3-column grid
4-column grid
Useful for smaller thumbnail-style overviews.
2-column grid
Works well for side-by-side comparisons or larger images that need more breathing room.
Standalone images
Individual images also break out to full width by default. No gallery directive needed.
Masonry layout
Images maintain their natural aspect ratio and pack tightly into columns, Pinterest-style. Great for mixing landscape and portrait shots.
3-column masonry
2-column masonry
Slider layout
A horizontal scrolling carousel. Useful when you want to show many images without taking up vertical space. Scroll sideways or use the scrollbar.
Keeping images within the text column
By default, images and galleries expand to fill the page. Add inline to a gallery directive to keep it within the text column instead. This is useful for small figures or diagrams that belong alongside the prose.
Inline 2-column grid
Compare the gallery above (contained within the text width) with the same images without the inline flag below (expanding to full page width):
Combined with columns
Galleries inside column layouts automatically stay within their column boundaries. No inline flag needed.
Estonia is a fantastic country for birding. The coastline, islands, and wetlands of the western archipelago offer a remarkable diversity of habitats in a compact area. During spring migration, the ferry crossings between Hiiumaa and the mainland are particularly rewarding, with Long-tailed Ducks, scoters, and divers streaming past in impressive numbers.
The photos shown here were all taken during a few weeks in April and May 2019, while assisting with wader fieldwork on the islands.
Opting out of lightbox
Add no-lightbox to disable the click-to-enlarge behaviour for a specific gallery. The pointer cursor is also removed. Try clicking these images — nothing happens.
Quick reference
| Attribute | Values | Default | Description |
|---|---|---|---|
layout | grid, masonry, slider | grid | Gallery layout type |
cols | Any number | 3 | Number of columns |
no-lightbox | flag | (lightbox on) | Disable click-to-enlarge |
inline | flag | (full-width) | Keep gallery within text column |