Slider

The Slider layout is designed to show your gallery items in a slider and carousel view, perfect for interactive displays.

Available Settings

• Effect – Choose from three carousel effects: Slide, Coverflow, and Fade.
• Speed (in Seconds) – Adjust this value to set the duration of the effect while changing a slide.
• Autoplay (in Seconds) – Set the interval for changing slides. Set to zero to turn off the autoplay feature.
• Pause on Mouse Over – Stop autoplay when you hover over items.
• Items Height
  • Auto – Display images in their original aspect ratio.
  • Static (px) – Set the height of the slides in pixels for a fixed height.
  • Dynamic (%) – Set the height of the slides in percentage, allowing the height to change depending on the size of the browser window.
• Items Minimal Height – Set the minimum height. For a fullscreen carousel, type 100vh to make it 100% of the screen height.
• Slides Per View (not available with Fade skin)
  • Auto – Slide width is calculated automatically, and the dynamic height is counted from the width of the carousel.
  • Custom – Set the number of slides visible on the screen at the same time.
• Centered Slides (not available with Fade skin) – Display the active gallery item centered. If not selected, the active carousel will be on the left side.
• Loop – Enable looping your carousel so it does not have an end.
• Free Scroll – Make slides not have fixed positions while sliding manually.
• Display Arrows – Show arrows for carousel navigation.
• Display Bullets – Show bullets for carousel navigation, appearing below the carousel by default.
  • Dynamic Bullets – Show bullets only for the slides currently shown on the page.
• Mousewheel Control – Scroll your carousel using the mousewheel.
• Display Thumbnails – Show thumbnails of slides for carousel navigation.
  • These settings are the same as for the normal carousel (described below).
• Gap – Set the spacing between slides.