CSS PLAY

Mi_Thumb Slideshow

v1.0.0 - March 1st 2017

A full featured jQuery plugin slideshow using background images.

Demonstrations...



A basic left/right touch and mouse swipe with no loop

..adding a gap between the images

..adding bullet indication

..adding left and right arrows which are styled and positioned using CSS.
These can be positioned off the images.

..adding auto run, with timing control.

..adding loop so that the images wrap around.

Cherries
Lemon
Melon
Watermelon
Banana
Blueberries
Grapes
Kiwi
Orange

..swapping the bullets for thumbnail images which are selectable.
The current thumbnail is always centered below the large image.

Cherries
Lemon
Melon
Watermelon
Banana
Blueberries
Grapes
Kiwi
Orange

..adding left and right arrows to the thumbnails so that you can scan the thumbnails without selecting any.

Cherries
Lemon
Melon
Watermelon
Banana
Blueberries
Grapes
Kiwi
Orange

..adding keyboard left and right key control, play and pause control for auto run slideshows and using callbacks to show a caption for each image.
This last demonstration has both bullets and thumbnail images and shows all possible features.