jQuery Simple Slider Demos

Examples

Responsive, with all options enabled!

Code

jQuery(".slider6").simpleSlider({
	navigation: true,
	prevText: "Previous",
	nextText: "Next",
	pagination: true,
	autoplay: true,
	delay: 8000,
	speed: 500,
	numItems: 3
});


// To make this work, set the top-level container 
// width in percentage, and the magic will appear!

				

1-column

Code

jQuery(".slider1").simpleSlider({
	navigation: true,
	prevText: "Previous",
	nextText: "Next",
	pagination: false,
	autoplay: false,
	delay: 8000,
	speed: 500,
	numItems: 1
});
				

Multiple columns

Code

jQuery(".slider2").simpleSlider({
	navigation: true,
	prevText: "Previous",
	nextText: "Next",
	pagination: false,
	autoplay: false,
	delay: 8000,
	speed: 500,
	numItems: 3
});
				

Prev/Next Navigation

Code

jQuery(".slider3").simpleSlider({
	navigation: true,
	prevText: "Previous",
	nextText: "Next",
	pagination: false,
	autoplay: false,
	delay: 8000,
	speed: 500,
	numItems: 1
});
				

Numbered Navigation

Code

jQuery(".slider4").simpleSlider({
	navigation: false,
	prevText: "Previous",
	nextText: "Next",
	pagination: true,
	autoplay: false,
	delay: 8000,
	speed: 500,
	numItems: 1
});
				

Autoplay

Code

jQuery(".slider5").simpleSlider({
	navigation: false,
	prevText: "Previous",
	nextText: "Next",
	pagination: false,
	autoplay: true,
	delay: 8000,
	speed: 500,
	numItems: 1
});
				

Have fun !

Etienne Fardet