jQuery Slidizle Plugin Examples

I'm a simple slider

Nothing fancy with me, just a simple slider

Simple animation

I'm an animated slider. Animation are made by css using the .active class

Animated up down

I'm an animated slider. Animation are made by css using the .active class

Loop

I'm a slider that allow loop by using data-slidizle-loop="true" attribute

Timeout & pause

I'm a slider that has a timeout and pause when the mouse is hover. This is done with the attributes data-slidizle-timeout="{ms}" and data-slidizle-pause-on-hover="true"

Api Driven

I do not react on keyboard events, but only on button clicks

Slider with loading

I contain a big image that need to be loaded before transition to this slide...

Custom Navigation

I have a custom navigation with image thumbs

Custom Navigation (custom order)

I have a custom navigation with image thumbs in a custom order. This is done by using the data-slidizle-slide-id attribute on slide and navigation items

Progressbar

I have a progressbar that is animated with jquery