Slider settings - Autoplay

The Autoplay tab is located at the Slider settings page.

Autoplay

With this option you can make your sliders switch automatically without user interaction after a given time.

Slide duration

The amount of time the slider will spend on each slide before switching away.

☝️ Note: You can override the Slide duration at every slide.
Autostart Pro

You can start the autoplay immediately, or allow the user to start it for example, with the Autoplay button.

Allow restart Pro
☝️ Note: This option is available when the Infinite loop is disabled.

When this option is turned on, the autoplay can be restarted again after the finished loops or slides.

Infinite loop Pro

Makes the autoplay run forever.

Finish autoplay Pro
☝️ Note: This option is available when the Infinite loop is disabled.

Instead of having the autoplay run forever, you can set conditions for it to stop. For example, the autoplay can go through all slides, then stop.

  • Interval: The amount of switches the slider does.
  • Interval Modifier: You can decide whether you want to switch loops, slide count or slide index
  • Stops on: When your Interval Modifier is set to loops you can make the autoplay stop on the last slide or switch to the next slide after the interval is done.

Example: If you want your slider to go a full round and come back to the first slide, you need to set the Interval to 1, the Interval Modifier to loops and the Stops on to next slide.

Stop on click

The slider autoplay stops on mouse click or touch.

Stop on mouse

You can stop the autoplay on the following mouse actions:

  • Off: No mouse action will affect the autoplay
  • Enter: Stops the autoplay when the mouse enters the slider.
  • Leave: Stops the autoplay when the mouse leaves the slider.
Stop on media

If you have a slide with video or lightbox on it, the slide will stop, when that video or lightbox is started.

Resume on click

The slider autoplay will resume on mouse click or touch.

Resume on mouse

You can resume the autoplay on the following mouse actions:

  • Off: No mouse action will affect the autoplay
  • Enter: Resumes the autoplay when the mouse enters the slider.
  • Leave: Resumes the autoplay when the mouse leaves the slider.
Resume on media

If you have a slide with video or lightbox on it, the autoplay will start again when that video is finished or that lightbox is closed.

Button

Play

You can select an image for the autoplay button. If you're a Pro user, you can upload your own image.

Color

The color of the autoplay button

Style

You can customize your button here, like changing its background color.

Mirror Pro

By default the styling options and image is mirrored for the Pause button. By disabling this option, you can adjust the Pause button separately.

Desktop Size Pro

Your Autoplay button will be scaled this much for Desktop.

Tablet Size Pro

Your Autoplay button will be scaled this much for Tablet.

Mobile Size Pro

Your Autoplay button will be scaled this much for Mobile.

Position

You can configure the location of your button.

  • Advanced: Pro You can use Control variables to fine-tune the position of your Autoplay button.
  • Position You can pick a position where the button will be displayed.
  • Stack: If you have more controls at the same position you can decide their order with this option.
  • Offset: The distance from the selected position.
Shows on hover

You can show the button only when the mouse is over the slider. On touch screen devices the button is shown when the slider is touched.

Hide on Pro

You can hide the Autoplay button on the selected devices.

Hide on slides Pro

You can write the number of the slides where you want to hide the button. Separate the slides with a comma:

1,2,6

Indicator Pro

Circle indicator

Position

You can configure the location of your indicator.

  • Advanced: Pro You can use Control variables to fine-tune the position of your Autoplay button.
  • Position You can pick a position where the button will be displayed.
  • Stack: If you have more controls at the same position you can decide their order with this option.
  • Offset: The distance from the selected position.
Size

The size of the counter.

Line Thickness

The thickness of the counter line. 1% means narrow line and 100% means a full circle.

Track color

The color of the track, that the autoplay interval will fill. It indicates the remaining time on the slide.

Bar color

The color of the bar that indicates the time spent on the slide.

Style

You can customize your button here, like changing its background color.

Shows on hover

You can show the button only when the mouse is over the slider. On touch screen devices the button is shown when the slider is touched.

Hide on Pro

You can hide the Autoplay button on the selected devices.

Hide on slides Pro

You can write the number of the slides where you want to hide the button. Separate the slides with a comma:

1,2,6

Line indicator Pro

Position

You can configure the location of your indicator.

  • Advanced: You can use Control variables to fine-tune the position of your Autoplay button.
  • Position: You can pick a position where the button will be displayed.
  • Stack: If you have more controls at the same position you can decide their order with this option.
  • Offset: The distance from the selected position.
Width

The width of the line.

Height

The height of the line.

Track color

The color of the track, that the autoplay interval will fill. It indicates the remaining time on the slide.

Bar color

The color of the bar that indicates the time spent on the slide.

Shows on hover

You can show the button only when the mouse is over the slider. On touch screen devices the button is shown when the slider is touched.

Hide on

You can hide the Autoplay button on the selected devices.

Hide on slides

You can write the number of the slides where you want to hide the button. Separate the slides with a comma:

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