Slideshow Config: General Settings

Slideshow Gallery > Configuration > General Settings

Effect

Choose the type of effect or transistion you want for your slides. Two options available Slide or Fade.

Easing

Easing can really bring life to an effect. Easing controls how an animation progresses over time by manipulating its acceleration. You can now set different easing effects to your slideshow.

Auto Slide

Turn this on so that the slideshow can automatically slide through the slides.

Transition Speed

Choose the speed at which images fade in and out. Use a low number for quick fading and a high number for slower fading.

Show Image Navigation

Turn this on to show the Next and Previous arrows on either sides of the slideshow for the user to navigate through slides. Once turned on, you can set the opacity of these navigation arrows below.

Navigation Default Opacity

The default state opacity of the left/right navigation arrows. This is a percentage value and you can specify anything between 0% and 100% as needed.

Navigation Hover Opacity

The hover state opacity of the left/right navigation arrows. This is the opacity when the user hovers with the mouse cursor over the arrow image. Percentage value between 0% and 100%

Show Information

Should the information bar be shown on slides? Turn this on to show a bar on each slide with the title and description of the slide.

Information Bar Position

Choose your preferred position for the information bar – Top or Bottom

Show only on Hover

Select this checkbox to only show the information bar on mouse hover.

Information Delay

Delay the information bar by seconds, or leave it empty to show immediately.

Fade information Bar

Select this checkbox to fade the information bar after a few seconds.

Information Speed

Specify the speed at which the information bar will slide up and down as the slide is shown and hidden.

Hide on mobiles

With a responsive layout turned on, the slideshow will respond in width on mobile devices and the information bar tends to overlap the entire slide since it increases in height as it reduces in width. You can tick/check this setting to hide the information bar on mobile devices so that the slides remain fully visible.

Show thumbnails

Would you like to show a thumbnail bar/slider above/below the slideshow with the thumbnails of all the slides in the slideshow for easier navigation?

Thumbnail Position

With the thumbnails turned on with the setting above, you can now specify the position of the thumbnail bar/slider. Either above or below the slideshow is available.

Thumbnail Dimensions

Specify the width and height (dimensions) of the thumbnails in the thumbnail bar/slider which will show above/below the slideshow.

Thumbnail Opacity

The opacity of the default state of thumbnails in the thumbnails bar/slider. The active thumbnail of the currently showing slide will be 100% opacity, always.

Thumbnail Scroll Speed

At which speed should the thumbnails bar/slider scroll when the left/right arrows are hovered by the user?

Thumbnail Spacing

This is a simple margin setting to specify the space between the thumbnails in the thumbnails bar/slider above/below the slideshow.

Hide on Mobile

With a responsive layout turned on, the slideshow will respond in width on mobile devices and the thumbnail bar tends to overlap the entire slide since it increases in height as it reduces in width. You can tick/check this setting to hide the thumbnail bar on mobile devices so that the slides remain fully visible.