Slider

Content Widths

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10

  • 11

  • 12

Different Widths

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10

  • 11

  • 12

Width Classes + Toggle on active

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10

Grid + Toggle on hover

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10

Viewport Height + Parallax

JavaScript Options

Option Value Default Description
autoplay Boolean false Starts autoplaying the slideshow.
autoplay-interval Number 7000 The delay between switching slides in autoplay mode.
center Boolean false Center the active slide.
draggable Boolean true Enable pointer dragging.
finite Boolean false Disable infinite sliding.
index Number 0 Slider item to show. 0 based index.
pause-on-hover Boolean true Pause autoplay mode on hover.
sets Boolean false Slide in sets.
velocity Number 1 The animation velocity (pixel/ms).