Slideshow Widget

The Slideshow allows the user to show a collection of images which can be viewed in sequence as an automatic slideshow.

  1. Click on the plus button at the top left corner.
  2. Select the Slideshow widget from the Images section.

How to add images?

  1. You can choose from images in the left panel, including Unsplash stock images, previously uploaded project images, or images from other projects.
  2. You can also upload an image in the right panel.


How to adjust the Slideshow widget?

  1. Locate the Slideshow button with the gear icon in the properties panel on the right side. Click on it.

You can find all the available settings for the Slideshow widget here.

Desktop Settings

  1. Animation Effect. There 2 animation options available for the Slideshow widget: None and Ken-Burns.
  2. Fill Mode. Allows you to choose between two fill modes: Cover and Contain.
  3. Crossfade is also known as a dissolve, is when one clip fades in as the other fades out — i.e. two overlapping fades on two overlapping clips — making an image and/or sound gradually appear as another disappears.
  4. Autoplay. The Autoplay toggle allows you to switch on the Slideshow widget autoplay. Here you can additionally Loop the Slideshow.
  5. Time a Slide is Visible. This attribute adjusts the duration for which a slide is visible before transitioning to the next.
  6. Crossfade Duration. This attribute adjusts the duration of the Crossfade transition animation.
  7. Start Delay. This attribute allows you to delay the slideshow playback.
  8. Set as a Page Background. This toggle scales the Slideshow widget to match the section dimensions and places it as the section background.

Please note that you should align the Slideshow widget with the top left corner so that it fills the section properly.


Arrange Slideshow

Here you can rearrange the slides order of the Slideshow widget by dragging one of your images to the desired place.


The Upload button allows you to upload images from your device or from the project library.


Image Configuration panel can be opened by clicking on any of the Slideshow widget.


Focal point

The focal point allows you to determine the viewpoint for the cropped image.

There are 2 ways how you can adjust the focal point position:

  1. By dragging the blue circle directly on the image preview field in the settings menu.
  2. By entering the X and Y values into the fields located directly below the image preview field.


Download

You can download your image by clicking the 'Download' button below the image preview field.

Remove

You can remove your image by clicking the 'Remove' button below the image preview field.


Image URL

You can also change the image by replacing the existing URL with the URL of another image.


Add Title and Caption

Here you can enter the title and caption for the image.

Here you can find some Slideshow examples.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us