This repository has been archived by the owner. It is now read-only.
Responsive, JSON loading carousel for jQuery
JavaScript
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
assets
README.textile
index.html
jquery.min.js
jquery.slideview.js
jquery.transition.js
slideview.css

README.textile

Responsive, JSON loading carousel for jQuery

Why?

There are a lot of jQuery carousels out there. A lot of them were designed before responsive design, tablets, smartphones, CSS3 and HTML5. A lot of the good ones have become payware.

jquery.slideview loads slides via JSON, so it’s easy to serve larger or smaller sets of images based on the type of device you are targeting.

Slideview features:

  • Responsive
  • JSON loading
  • Flexible templating
  • Animation uses CSS3 transitions for performance and tablet/mobile friendliness
  • Fully keyboard accessible

Basic usage


var json = [
	{
		"title": { "value" : "Skyscrapers" },
		"image": {
			"value" : "assets/images/skyscrapers.jpg",
			"attr" : "src"
			}
	}, {
		"title": { "value" : "Coney island" },
		"image": {
			"value" : "assets/images/wonderwheel.jpg",
			"attr" : "src"
			}
	}
];

var carousel = new $.slideview({
	data: json,
	container: '#my-carousel',
	loop: true
});

carousel.load();

See demo for working example and templating docs.