Slideshow Config: General Settings
Slideshow Gallery > Configuration > General Settings
Choose the type of effect or transistion you want for your slides. Two options available Slide or Fade.
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.
Turn this on so that the slideshow can automatically slide through the slides.
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%
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.
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.
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.
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?
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.
Specify the width and height (dimensions) of the thumbnails in the thumbnail bar/slider which will show above/below the slideshow.
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?
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.