🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

A minimal jQuery plugin to create an image slideshow that features auto rotation, arrows/bullets navigation and cross-fade effect.

Image-Slider crossfade

Documentation

Simple jQuery Slideshow

A simple jQuery slideshow weighing in at 4 KB. Simply add a list of your images, surround them with a div with an id of #photos and let the jQuery script take care of the rest.

Two types of navigation exist. Buttons are created dynamically depending on the number of photos added and can be used to cycle through the pictures or if you want to enable left and right navigation, add in a couple of span tags, or any other tags for that matter. Just make sure they have id's of #next and #prev.

View the scripts.js file for more help on slideshow timing settings - currently set to 4 seconds.

View / edit the Plunker


You May Also Like