Slideshow advanced

User level: Site Owner; Site Administrator; Site Editor; Site Author

The Slideshow (advanced) widget is the replacement widget for the deprecated Slideshow widget. it is one of the Listing Widgets. This page shows a slideshow with title using the five layout styles supported by the widget: Image Text 75/25, Landscape Text Centre Bottom, Landscape Text Bottom Left, Breaker With Image and Breaker Without Image. There are also examples of the previous/next arrows on and off, slide indicators on and off, auto play and width settings (Standard and Full Width). Other configuration options for this widget are:

  1. Loop (yes/no) - not available when using video
  2. Slide duration (any millisecond value)
  3. Exclude current item (using filtered content source)

The Image Text 75/25, Landscape Text Centre Bottom, and Breaker Without Image styles use opaque text areas; the Landscape Text Bottom Left and Breaker With Image styles both use transparent text areas.

The Listings documentation explains how to choose which content source is appropriate for your needs.

The Carousel documentation details how to configure the listing items ("slides").

N.B. the Advanced Slideshow widget is so called as it superseded the deprecated Slideshow widget.

Expand All

Image dimensions for the Landscape Text Centre Bottom style: when an image is uploaded to the site and used in this item style, it will be cropped to 1728px x 520px before being used in the slideshow. If the initial image is smaller than these dimensions, it will be enlarged to these dimensions to make it work. If you want to maintain image quality in this item style, make sure the initial image is 1728px x 520px.

Refer to the Images documentation for more detailed guidance.

Using listing text, next/previous controls, and slide indicators

Curlew in flight showing listing text and controls for next previous and slide indicators

Using listing text, next/previous controls, and auto play

Two butterflies feeding on purple scabious flowerhead with listing text and controls for next previous, and auto play

Using listing text, next/previous controls, slide indicators and auto play

Curlew in flight with opaque text box centred at bottom of slide and showing controls for next previous, slide indicators, and auto play

Using listing text and slide indicators

The Great Wave off Kanagawa by Katsushika Hokusai showing controls for slide indicators

Note you have to click on a slide indicator button to manually scroll through the slideshow.

Note the transparent text area.

Using listing text, next/previous controls, slide indicators and auto play

Curlew in flight with superimposed transparent text box in centre of slide and showing controls for next previous, slide indicators, and auto play

Note the transparent text area.

Using listing text, next/previous controls and slide indicators

Full width opaque text box without image showing controls for next previous and slide indicators

Using listing text, next/previous controls, slide indicators and auto play

Under the sea fish and coral from YouTube video ePK8fEXIF6Y

In this example, static content.was selected as the source for the Slideshow and a link to a YouTube video inserted as a background image. Refer to the banner documentation for a detailed explanation of how to add video to your Slideshow.