Slider General Settings

Contents

Stop Slide on Hover

Stop slider progress when the user hovers their mouse over the slider.

Stop Slider After..
  • Amount of Loops:
    Stop the slider after all slides have looped a set amount of times.
  • At Slide:
    Stop the slider at a specific slide.
  • On Mobile Only
Shuffle / Random Mode

Randomize the slide order every time your web page is visited.

Loop Single Slide

Choose to loop your slider if it has only one slide (“Standard Slider” much be chosen as the Slider Type).

Stop Slider out of Viewport

Stop slider when the page is scrolled and the slider is no longer visible.

  • Out of Viewport:
    • Wait:
      Only start the slider when its scrolled into view (useful for sliders further down the page).
    • Pause:
      Pause the slider when its scrolled out of view.
  • Area out of Viewport:
    A percentage of the slider that needs to be inside/outside the viewport before slider starts or pauses.
  • Preset Slider Height:
    Instruct the Slider to allocate space on the page ahead of time to help prevent other content from jumping once the slider first scrolls into view.
Wait for revapi1.revstart()

If you’re a developer who’s using the slider’s API, this option can be used to only start the slider when this API method is explicitly called.

Click here to view a code example of how this option can be used.

Set the default individual slide settings.

For example, let’s say you always want your individual slides to start off with a “Slide to Top” transition.  Adjusting the “Transitions” value will set it up so all new slides have have a “Slide to Top” transition by default.

Or if you already have individual slides created, you can change the value of “Transitions” and then select its checkbox, and then click the “Overwrite Selected Settings on all Slides” button, and the main transition for all existing slides will be changed to the new default value.

The timer line that illustrates the amount of time before the next slide is shown.

If active, choose the progress bar’s position (top or bottom of slider), its height in pixels, and also its color and transparency level.

Alternative 1st Slide

Normally the slider will always start with slide #1.  But if you’d like your slider to start with a different slide, enter the slide’s number here.

First Transition Active

Sometimes when your slider first starts, it’s more elegant to have a different transition such as a simple fade at the very beginning.  Use this option if you’d like to specify a special, initial transition for the very first slide.

When set, the special transition will only be executed on the very first slide once.  Then once the slider loops, the original slide will default back to its individual slide transition settings.

Next Slide on Focus & Disable Blur/Focus Behavior

Browser behaviour varies when switching between windows/tabs (JavaScript stops executing, etc.).  But these options will often correct slider issues related to switching between tabs and windows.