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.
Was this page helpful?