Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Responsive, JSON loading carousel for jQuery
JavaScript
branch: master

Fetching latest commit…

Cannot retrieve the latest commit at this time

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.

Something went wrong with that request. Please try again.