Elements can have a text with links and users can browse it with a pagination or using the prev-next links.
Basic features of Slider.js
- Each slide displays the image, but can also have a text caption and a link.
- Slides navigation (pages, next, previous)
- Load images before starting the slider.
- Load the slider photos with a JSON object (distant or local).
Slider.js is highly extensible and customizable. You can Choose your transition among 13 available CSS Transitions and 10 built-in Canvas transition functions. You can Choose or style your own theme. It comes with Extend the API with new features. (see the Flickr example). The code is very lightweight slider.min.js is only 11K and slider.min.css is 8.2K.
Slider.js is an hybrid solution taking the efficiency of CSS3 transitions and the power of Canvas animation based on
More details in the technical part.
Browser compatibility of Slider.js
On older browsers (like IE6, FF3.0, …) CSS Transitions aren’t supported, it means that there are no animations but the slider works, it’s not broken, because CSS by its nature provides a graceful degradation.
The data source is JSON and, besides the 13 available CSS transitions, there 10 built-in and good-looking canvas functions.
html5 content slider, content slider html5, html5 text slider, html 5 content slider, html5 slide content, html5 canvas content slider, html5 slider json, json HTML5 slider, next prev slide html5 css3, simple content slider html5,