Slideshow

The Slideshow tab contains all the settings that control the automatic playback, navigation, and looping behavior of your slider. Use these options to configure how your slides advance and how users can interact with them.

The Slideshow Tab

Slideshow Behavior

Start with slide

Set the number of the slide that the slider will begin with on page load. You can also enter "random" to start with a different slide each time.

Auto-start slideshow

Enable this to make the slider begin playing automatically as soon as the page loads.

Pause layers

If enabled, layer animations will not start playing as long as the slideshow is in a paused state.

Start only in viewport

When enabled, the slideshow will not begin playing until the slider becomes visible on the user's screen. This is a useful performance and user-experience feature for sliders placed further down a page.

Pause on hover

Choose what happens when a user moves their mouse cursor over the slider:

• Pause slideshow: Stops the main slide timer but allows any currently active layer animations to complete.
• Pause slideshow and layer transitions (including loops): Stops both the main slide timer and all active layer animations (including loops) instantly.
• Do nothing: The slideshow continues to play normally when the user hovers over it.

Change URL hash

Updates the browser's URL with a hash (e.g., `#slide-2`) as the slides change. This allows users to share a direct link that will automatically start the slider on a specific slide.

Slideshow Navigation

Keyboard navigation

Allows visitors to navigate between slides using the left and right arrow keys on their keyboard.

Touch navigation

Enables gesture-based navigation, allowing users to change slides by swiping left or right on touch-enabled devices.

Play By Scroll

This feature transforms your slider into a scroll-based animation sequence.

Play By Scroll

When enabled, the slider's timeline will be controlled by the user scrolling the webpage up and down.

Start immediately

If enabled, the slider will start playing as soon as it appears, instead of waiting for the user to start scrolling.

Play By Scroll Speed

A multiplier that controls how fast the slider's timeline progresses in relation to the scroll speed.

Cycles

Cycles

Set the number of times the slideshow will loop through all the slides. Set to '0' for an infinite loop.

Force number of cycles

When enabled, the slideshow will always stop after the specified number of cycles, even if a user manually restarts it.

Other Settings

Two way slideshow

Allows the slideshow to play in reverse if a user navigates backwards to a previous slide.

Shuffle mode

Randomizes the order of the slides each time the slideshow loops. This feature does not work when looping is disabled.