Skip to main content

Add and configure image galleries

Image galleries present a set of images grouped together in an engaging layout. Readers can click an image to enlarge it, see its caption, and browse the other images in the gallery while in full-screen view.

Image galleries have three layout options:

  • Jigsaw—Images are scaled so they fit together without cropping.

  • Dynamic squares—Images are cropped to squares forming a neat grid.

  • Filmstrip—Images are scaled to display in a horizontal sequence with minimal cropping. Filmstrip layout is only available for inline galleries in stories.

Add image galleries

You can add image galleries to stories, briefings, and frames:

  • In stories, you can add an image gallery inline to the body of a story and in a sidecar media panel.

  • In briefings and frames, you can add an image gallery to panels on all slide types except the cover.

Use the following steps to add an image gallery:

  1. Click the Add content block button to open the block palette.

  2. Select Image gallery.

  3. Drag image files onto the drop zone, or click Browse your files to select images to upload.

  4. Click Add.

An image gallery is added.

Note:

You can configure gallery images using many of the same options available for inline images. Galleries support a maximum of 12 images. Uploaded image files must meet the media file requirements.

Configure image galleries

Hover over the image gallery to change its size. You can choose Small, Medium, or Large. Size options are not available for galleries in sidecar, briefing, or frame panels.

Hover over the image gallery and click Add image to gallery to add another image. When adding more images to an existing gallery, you can add linked images from the web. This option is not available if the gallery already contains the maximum number of images.

Hover over the image gallery and click Reorder media to rearrange the images within the gallery.

Change image gallery options

Hover over the image gallery and click Options to access the following configuration options:

  • On the Display tab, use the Layout option to choose a different layout for the image gallery.

  • On the Accessibility tab, use the Alternative text option to describe the image gallery for screen readers and search engines. This text is shown to readers if the gallery block can’t be loaded. You can also provide alternative text for each image in the gallery.