vanillaSlider: Content Slider Demos

Default

rotation, Autoplay, Navigation, Status

1
2
3
4
5

Simple

Navigation off, Status off, Autoplay off. Custom navigation: slider.prev() slider.next(index)

1
2
3
4
5

Autoplay off

Custom timing (1st and following)

1
2
3

Rotation off

Implicitly no Autoplay. Custom timing (1st and following)

1 start
2
3 end

Rotation off, Autoplay on explicitly

1 start
2
3 end

Explicit height. Custom Status.

Height as number (=px) or string 5em. Prev/Next custom styles

1
2
2
3
4

With Images

Auto height which uses first item height, should wait for images to load and use that height!

1
2
3

Background Images

Custom elements too

1 2 3

Default but custom CSS animation

1
2
3