University at Buffalo - The State University of New York
Skip to Content
UB Web Management

Transforming UB’s digital communications through process and tools

Photo Gallery Component

Display a group of images as a tiled grid or slideshow.

This component replaces the older Photo Gallery and Photo Slideshow components. Please update from those retired versions.

This component as it is first displayed on the page.

This component as it is first displayed on the page.

Using This Component

Add the component to the page. There is only one tab.

The gallery can be loaded in grid or gallery mode, and users can be allowed to switch back and forth as desired, or limited to the pre-set mode.

The component opened for editing.

The component opened for editing.

Photo Gallery Tab

Source folder: Choose where your images will be drawn from (usually in the DAM); e.g. /content/dam/www/news/.  

Start view: Choose from

  • grid (default) - Display images as tiles in a simple grid, without captions.
  • slideshow -  Display images in a single-frame carousel, including captions.

Disable alternate view: Optionally turn off the button that allows viewers to toggle between grid and slideshow.

ShareThis.com ID: Optionally used for tracking purposes if you have a account with ShareThis.com.  

The component loaded as a Grid, showing the button to change to the 'Slideshow' view.

The component loaded as a Grid, showing the button to change to the 'Slideshow' view.

The component loaded as a Slideshow, showing a tip to 'flip to gallery view'.

The component loaded as a Slideshow. Note the three buttons for grid view, ShareThis and full-screen. A mouse-over tool tip is labeled 'flip to gallery view' - it refers to the grid.

Restrictions

  • Activating this component does not activate the corresponding images in the DAM.

Was this page helpful?

(Required)
(Required)
(so we can thank you or request more details)
(Required)
(buffalo.edu addresses only please)

On this page:

See An Example:

Related Components:

Be sure to check the published gallery

Publishing a page that contains a slideshow of photos from the DAM does NOT activate the the photos themselves. There is no warning they are not activated, and any that are not activated will simply not show in the published version.

Image Sizes

We recommend at least 800px x 536px for landscape or 536px x 800px for portraits (aspect ratio 1.5:1). Larger images are encouraged up a maximum of 2500px.

Alt Text

To comply with ADA requirements, be sure your images in the DAM have Alt Text. > more details

Last Reviewed:

April 12, 2017