The Slideshow template is similar to the List template, but has additional fields for configuring the behavior of the slideshow widget. The configuration includes the type of transition, duration, automatic or manual starts, when to pause, and what controls to display. The widget used to render the slideshow is a Dojo widget called dojox.widget.AutoRotator. The widget rotates through the elements in a list, adding a transition between them. Content Template Catalog has examples that show linked images, but the list can contain any type of content.
. This code also instantiates the Dojo widget.
The styling of the slideshows is somewhat complex as they have a separate “caption” container that is populated as it rotates through the slideshow. The caption is stored in a hidden DIV
element with each slide and is then copied into the visible container through event handlers attached to the widget.
The following example shows a promotional slideshow, with overload captions and title controls.
This second example shows a content slideshow with number controls and formatted captions.
Parent topic: Presentation templates and components