Slider Composer

Options Settings - Jssor Slider Composer Help


Options are to define behaviors to run a slider.

Options Settings Window

Click Options menu to open options window.

Play Properties

Auto Play   [Required]

Auto play or not, default value is [No]

[No]: Disable auto play
Continuously: Auto play always
Stop at last slide: Auto play and stop at last slide
Stop on click: Auto play and stop when when user click on any slide
Stop on user navigation: Auto play and stop when user click arrow/bullet/thumbnail navigator, drag slide, arrow key
Stop on click or user navigation: Auto play and stop on either user click or user navigation.

Steps   [Optional]

An integer value indicates steps to go for each Auto Play navigation request, default value is 1.

Possible value can be 1, 2, -1, -2 ...

Idle   [Optional]

The global settings of idle period (in milliseconds) to stay before going for next slide, default value is 3000.

This option works only when Auto Play is enabled.
Besides, every slide can set Idle option individually.

If a Break Point has been set for an individual slide, the life cycle of the slide will be controlled by Break Point, the Idle setting will be ignored.

Pause on Hover   [Optional]

Determines whether to pause Auto Play on mouse hover in the slider area. Default value is Pause for Desktop.

Play Slideshow   [Optional]

Determines whether to play slideshow and specifies play order of transitions.

Slideshow will not run for slider which displays multi columns (e.g. Carousel Slider), or slide Align is not 0 (e.g. Nearby Image Partial Visible Slider).

So, to enable slideshow, should leave Layout Settings > Slide > Width, Height and Layout Settings > Slide > Align unset.

See Enable Slideshow, Layout Settings.

Swipe Properties

Duration   [Optional]

The duration (in milliseconds) to complete swipe animation from a slide to next slide, default value is 500.

Duration to complete swipe animation through multiple slides will be cauculated base on this option.

Ease   [Optional]

Determines the variation of speed to play the swipe animation, default value is OutQuad.

Drag Orientation   [Optional]

The orientation to drag to swipe, default value is horizontal.

Min Drag Offset   [Optional]

The minimum drag offset (in pixel) to trigger swipe animation from one slide to next, default value is 20.

Drag Ratio   [Optional]

Offset ratio to swipe slide while dragging, default value is 1.

Arrow Key Swipe   [Optional]

Steps to play swipe animation by pressing left and right arrow key on the keyboard, default value is 1.

Possible value can be 0, 1, 2 etc.

Advanced Properties

Lazy Loading   [Optional]

An integer value determines whether to perform lazy loading of images.