Mixed Media: Image Gallery

This component displays multiple images in a slider.

Usage Criteria

This component displays a gallery of images one at a time in a slider, and allows users to click through to view more if they are interested.

Do's and Don'ts

  • Do not have multiple instances of this component stacked next to each other; please have dividing content in between if it will be used more than once.

Design Notes

This component pairs with the Mixed Media: Image component, and mainly acts as a way to manage multiple instances of it.

Configurable Options

This component allows the author to insert the individual Mixed Media: Image components required to make up the slider. The order of displayed images can be configured through Mixed Media: Image Gallery, however most other options (caption text, being downloadable, linking) are determined at the Mixed Media: Image level.

Developer Notes

Type
Name
AEM Component Name

Mixed Media: Image Gallery

Code Base Name

carousel

resourceSupertype

core/wcm/components/carousel/v1/carousel

SCSS Attributes

carousel.scss

JavaScript
 
Status

Released (RC 1)

Version

Code Base v1.0

Designer Notes

Type
Name
Sketch Component Name

BCLC_Corporate_Designs/components/mixed-media/image-gallery

Sketch Responsive Sizes

Desktop HD, Desktop, Tablet, Mobile

Status

Released (Master)

Version

Design 1.0