Articles on: The editor

Slideshow

The Slideshow element shows a series of images in one frame, one image at a time. It lets you show several pictures without using much canvas space. Each image fills the slideshow frame and is cropped to fit, so the slideshow works best when all images have the same shape (aspect ratio) as the frame.


Adding a slideshow


To add a slideshow and its images:


  1. Open the Add panel on the left side of the editor.
  2. In the Elements category, drag Slideshow onto the canvas.
  3. With the slideshow selected, open the Settings tab in the right panel.
  4. In the Slideshow block, click Choose images.
  5. Select one or more images.


To manage the images afterwards, use the image list in the Slideshow block:


  • Change the order: drag an image row up or down.
  • Replace an image: click its row and choose a new image.
  • Remove an image: click the trash icon on its row.
  • Add more images: click + under the list.


Slideshow settings


The settings of a slideshow are in the Slideshow block of the Settings tab in the right panel. Select the slideshow on the canvas to see them.


Transition sets how the slideshow moves from one image to the next. Choose Fade, Slide or Zoom. More effects are in the Autoplay settings (see Setting the autoplay speed).


Navigation holds five options that you turn on or off:


  • Autoplay: the slideshow changes images by itself.
  • Arrows: visitors can click arrows to go to the previous or next image.
  • Dots: a row of dots shows which image is visible, and visitors can click a dot to go to that image.
  • Swipe: visitors can swipe or drag to change images.
  • Ken Burns zoom: each image slowly zooms in or out while it is shown. When Ken Burns zoom is on, its settings button lets you choose whether to zoom in or out, and which part of the image the zoom moves toward: keep Random direction on to vary this from image to image, or turn it off and pick a Direction.


A new slideshow has all navigation options on except Ken Burns zoom.


Setting the autoplay speed


To change how fast a slideshow plays:


  1. Select the slideshow and open the Settings tab in the right panel.
  2. Under Navigation, turn on Autoplay.
  3. Click the settings button next to Autoplay.
  4. Choose a Pace: Calm, Normal or Fast. To set your own timing instead, enter a Slide duration and a Transition time in seconds.
  5. Optional: choose another Effect for the transition.
  6. Optional: turn off Repeat to stop the slideshow at the last image.


The paces use these timings:


  • Calm: 5 seconds per image, with a 1.5-second transition.
  • Normal: 3 seconds per image, with a 1-second transition.
  • Fast: 2 seconds per image, with a 0.6-second transition.


Controlling a slideshow from another element


Another element on the canvas, such as a button or an image, can move a slideshow to the next image, the previous image or a specific image. You set this up on the element that does the controlling, not on the slideshow.


  1. Select the element that should control the slideshow.
  2. Open the Links tab in the right panel.
  3. Under On click, choose Control element.
  4. In Element, choose the slideshow.
  5. In Action, choose Next, Previous or a specific slide, such as Slide 1 or Slide 2.


Frequently asked questions


Why are my slideshow images cropped?


Each image in a slideshow fills the slideshow frame and is cropped to fit, centered. An image with a different shape than the frame loses part of its edges. To show images without cropping, use images with the same aspect ratio as the slideshow frame.


Why can't I turn on Autoplay, Arrows or Swipe for my slideshow?


Autoplay, Arrows and Swipe are greyed out when Scrub on scroll is on for the slideshow. Turn off Scrub on scroll to use them again. Dots and Ken Burns zoom stay available with Scrub on scroll on.


Can a button jump to a specific slide in a slideshow?


Yes. Select the button, open the Links tab, and under On click, choose Control element. In Element, choose the slideshow. In Action, choose the slide to jump to, such as Slide 3.


How do I stop a slideshow from looping?


Select the slideshow, open the Settings tab, and click the settings button next to Autoplay. Turn off Repeat. The slideshow then stops at the last image instead of starting again.

Updated on: 29/10/2026