Slideshow
The custom Slideshow Component is a reusable user interface element used to display a sequence of images or content within a single confined space.
Training
The Slideshow component is intended to be used to display multiple images in a single bounding box. Allows users to navigate them manually, conserving page space while keeping designs visually dynamic.
Usage:
- Hero Sections: Showcasing high-quality, changing imagery or promotional banners at the top of a landing page without forcing users to scroll.
- Portfolio & Gallery Showcases: Letting photographers or designers display curated collections of work, event recaps, or case study
- Availability: The Slideshow component is currently only found on the Reusable Article and the Reusable Article: Configurable Column templates.
Benefits
- Authors no longer need to list multiple images in a list view in an article.
Authoring Capability
- Slideshow Title - The author has the option to add a title to the top left of the slideshow.
- Hide Title checkbox - The author has the option to display the image title or not.
- View All Label - The view all lable is an optional field that defaults to the following text "View All Photos." However, authors have the option to change that text to something else. It should not be kept blank.
Slideshow Images - Authors can add 50+ images to display on the slides.
- Image Path - This is where the author will browse the AEM DAM for the approrpiate image or place in the Widen image from the DAH.
- Alternative Text for accessibility - Alt Attribute that is automatically loaded into the field from the DAH.
- Use Source (DAM/Wident URL) checkmark - When checked off, the component will pull the image alt attribute data directly from the DAM or the DAH if available.
- Title - This is where the title for the image should go.
- Use Source (DAM/Wident URL) checkmark - When checked off, the component will pull the image title data directly from the DAM or the DAH if available.
- Caption - This is where the author can enter a Caption for the image.
- Use Source (DAM/Wident URL) checkmark - When checked off, the component will pull the image Caption data directly from the DAM or the DAH if available.