Use the slideshow widget to create slideshows with transitions.
Slideshow widget FAQs
What does the slideshow widget do?
The slideshow widget let's you display a sequence of images. You can control the duration, transition and optionally display buttons for controlling the slideshow.
What are the differences between the slideshow widget and carousel widget?
The carousel widget works with almost any kind of content but the slideshow widget only works with images. The carousel widget dow not support transitions or customisable buttons.
Can I use multiple slideshow widgets on the same page?
Yes you can but in most cases it's not a good idea. Multiple slideshows may take a long time to load and may be visually distracting.
What image formats can I use with the slideshow widget?
You can use JPEG or PNG. We recommend you use JPEG.
Can I use different size images?
Yes you can, but for best results you should scale all the images to the same size before you import them.
Drag the Slideshow widget on to the page
Drag and drop the Slideshow widget (1) and the click on settings (2)
Click the add image button (1) to create a slideshow
Click an image (1) to add it to the Slideshow (2)
Drag and drop to re-order the images
Click and drag on any image to change the order.
Set the duration and transition speed (1). Moving the sliders to the right will increase the duration and transition time. Select a Transition (2).
Click the preview button (3) to see an approximation of how the slideshow will look. Click the Save button (4) to exit the slide show widget.
Click the Preview button (1) to see the slideshow working on your webpage.
Choose the aspect ratio for the widget (1). Leave it set as 'Fit to widget' unless you know you need a different aspect ratio.
Image handling: The default setting is 'Crop & Zoom' (3). In this mode the image will be either cropped or zoomed to always fill the slideshow widget. Use this setting if you have images of many different sizes.
If all of your images are the same size, use 'Original size' and then set the dimensions (2) to match the dimensions of your image.
Click on the Controls panel (1) to display the controls.
Buttons are used to navigate the slide show forwards and backwards. Dots are used to indicate which slide in the sequence is currently visible. Thumbnails shows small versions of all the images. Any of the controls can be set to to be on, off or only visible on rollover.
Click on any of the button icons to replace the default icon with another image.
Click on the Border panel (1) to display the border options. Select a style (2) and then click on a border option (3). Choose the colour (4) and thickness of the border (5)