Image gallery

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

  • Four images in gallery with only three set to display
  • Dot pager navigation option
  • Multiple images in grid format will fill the section width