Slideshow Widget
The Slideshow allows the user to show a collection of images which can be viewed in sequence as an automatic slideshow.
- Click on the plus button at the top left corner.
- Select the Slideshow widget from the Images section.
How to add images?
- You can choose from images in the left panel, including Unsplash stock images, previously uploaded project images, or images from other projects.
- You can also upload an image in the right panel.
How to adjust the Slideshow widget?
- 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
- Animation Effect. There 2 animation options available for the Slideshow widget: None and Ken-Burns.
- Fill Mode. Allows you to choose between two fill modes: Cover and Contain.
- 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.
- Autoplay. The Autoplay toggle allows you to switch on the Slideshow widget autoplay. Here you can additionally Loop the Slideshow.
- Time a Slide is Visible. This attribute adjusts the duration for which a slide is visible before transitioning to the next.
- Crossfade Duration. This attribute adjusts the duration of the Crossfade transition animation.
- Start Delay. This attribute allows you to delay the slideshow playback.
- 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:
- By dragging the blue circle directly on the image preview field in the settings menu.
- 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.