Slider Composer

Thumbnail Navigator - Jssor Slider Composer Help


Thumbnail Navigator

In the Layout Settings window, select Thumbnail Navigator list item.



Thumbnail Navigator Properties

Theme   [Optional]

Thumbnail navigator theme.


Item Width   [Optional]

Width of every thumbnail.


Item Height   [Optional]

Height of every thumbnail.


Orientation   [Optional]

Orientation to arrange thumbnail items, default value is Horizontal.


Spacing X   [Optional]

Horizontal spacing (in pixel) between thumbnail items, default value is 0.


Spacing Y   [Optional]

Vertical spacing (in pixel) between thumbnail items, default value is 0.


Rows   [Optional]

Rows to arrange thumbnail items, default value is 1.


Align   [Optional]

Offset position (in pixel) to align active thumbnail in Thumbnail Navigator container, if this option is not specified, active thumbnail will align to center of Thumbnail Navigator container.


Container Width   [Optional]

Width of Thumbnail Navigator container, if this value is not specified, it will inherit Width of Slider Container.


Container Height   [Optional]

Height of Thumbnail Navigator container, if this value is not specified, it will inherit Height of Slider Container.


Center   [Optional]

Determines whether to place the thumbnail navigator in center of Slider Container.


Top   [Optional]

Top offset position of the Thumbnail Navigator in the Slider Container.


Left   [Optional]

Left offset position of the Thumbnail Navigator in the Slider Container, default value is 0.


Bottom   [Optional]

Bottom offset position of the Thumbnail Navigator in the Slider Container, default value is 0.


Right   [Optional]

Right offset position of the Thumbnail Navigator in the Slider Container.


Action   [Optional]

Specifies the way to trigger navigation, default value is Click.

Click: Triggers navigation by click on each bullet item.
Mouse Over: Triggers navigation by mouse hover on navigation item.


Show   [Optional]

Specifies the way to display navigator, default value is Always.

Always: Always diaplsy bullet items.
Mouse Over: Displays navigator on mouse hover on the slider.
[No]: Don't isplay navigator.


Loop   [Optional]

Enable loop of carousel or not, default value is Yes.

Yes means loop carousel infinitely.
No means disable loop, it will stop at first slide and last slide.


No Drag   [Optional]

Determines whether to enable drag swipe feature for the thumbnail carousel or not.


Bg Color   [Optional]

Background color of the Thumlbnail Navigator.


Scale Pos.   [Optional]

A numeric value from 0 to 1 indicates ratio to scale position of the element while slider is scaling, default value is 1.

1: Scale at the same ratio of the slider.
0: Don't scale.
0.3, 0.5, 0.7 etc.: Scale at intermediate ratio.