Full-Width Gallery

The Full-Width Gallery provides a way to highlight three images. These images can open up into an optional lightbox that can display up to seven images.

This is a DIY snippet. You can add it to your pages without assistance from Digital Strategy. Make sure to follow all standards outlined in this guide.

This snippet should only be used in the Full-Width Region.

The Full Width Gallery snippet also includes options to add photo captions and a link to view an external gallery (i.e., Flickr). For general information about setting up a Flickr account contact Digital Strategy, digitalstrategy AT_TOWSON.

You can also add a link to a webpage (for example, a news article) within the caption. Links should be descriptive and indicate a topic or page title a user might want to further explore (i.e., “Read more about Study Abroad and Away” instead of just “Read more”). Use web image code “sq” for the first image and “s” for the second and third images in the gallery.

Heading Text

View Full Gallery

Required and Optional Fields

external link: optional
gallery heading: optional
name: required
image 1 (large): required, -sq image crop
text caption 1: optional
link 1: optional
image 2 (small): required, -s image crop
text caption 2: optional
link 2: optional
image 3 (small): required, -s image crop
text caption 3: optional
link 3: optional
up to 4 additional images, captions and links (add additional sections by hitting the tab key)

When to Use It

Use a Full-Width Gallery when you want to highlight 3 images within a full-width region that can be a opened into a lightbox to display additional images.

When to Use Something Else

Use the Repeatable Visual List Block Callout snippet to highlight several images within the main content region with more detailed text descriptions and optional links. Use the In-Content Carousel Block Callout to highlight three to five square images with two images side by side and text descriptions (and optional links) within the main content region.