The Image gallery block can display a collection of images on a page, with browsing options in a slider or grid format.
Block setup
Elements to consider when building an Image gallery block:
Slider image gallery
A slider image gallery allows multiple pictures to be displayed in a carousel. Users must click through the carousel to view all images.
Grid image gallery
A grid image gallery allows multiple images in the gallery to be displayed on a page at the same time. No carousel is included in this type of image gallery. Images are automatically sized to fit the section width.
Number of images
At desktop width, up to four images can be displayed, defaulting to one.
Sections layout
Larger devices, such as desktops, will display the selected number of images horizontally. At smaller screen widths, the number of images will automatically reduce until only one is displayed.
Block examples
Slider image gallery
- Four images in gallery with only three set to display
- Dot pager navigation option