Thumbail navigation

The Thumbnail Navigation tab allows you to configure a visual, image-based navigation for your slider. When enabled, this will display a series of small preview images that users can click to jump to a specific slide.

The Thumbnail Navigation Tab

Appearance

Thumbnail navigation

Controls the visibility of the thumbnail navigation area:

• Disabled: Completely hides the thumbnail navigation.
• Hover: The thumbnails will only appear when a user moves their mouse cursor over the slider.
• Always: The thumbnails will be permanently visible.

Thumbnail container width

Set the width of the entire thumbnail navigation area, relative to the slider's total width (e.g., 60%).

Thumbnail Dimensions

Thumbnail width

Set the width (in pixels) for each individual thumbnail image in the navigation area.

Thumbnail height

Set the height (in pixels) for each individual thumbnail image.

Thumbnail Appearance

Active thumbnail opacity

Set the opacity percentage for the thumbnail corresponding to the currently active slide. A lower value will make it more transparent, helping it stand out.

Inactive thumbnail opacity

Set the opacity percentage for all thumbnails that are not currently active.