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.
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).