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., 鈥淩ead more about Study Abroad and Away鈥� instead of just 鈥淩ead more鈥�). Use web image code 鈥渟q鈥� for the first image and 鈥渟鈥� for the second and third images in the gallery.
Heading Text
Captions for the images in the full-width gallery are optional and should be brief. Read more about this topic
Captions for the images in the full-width gallery are optional and should be brief. Read more about this topic
Captions for the images in the full-width gallery are optional and should be brief. Read more about this topic
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.