jSlide

This is a simple and dynamic jQuery carousel that can slide whatever you put in it with a simple implementation.

Download jSlide from GitHub

Features

Demo

Instructions

Everything can be found in the JS file as well

Simple implementation

<ul id="carousel">
	<li><img src="image1.jpg" alt="Image 1"></li>
	<li><img src="image2.jpg" alt="Image 2"></li>
	<li><img src="image3.jpg" alt="Image 3"></li>
</ul>

<button id="prev">Previous</button>
<button id="next">Next</button>

<script type="text/javascript">
	$('#carousel').jslide({
		width:500,
		height:300,
		nextButton:'#next',
		prevButton:'#prev'
	});
</script>

Parameters

width: (int) The px width of the carousel
height: (int) The px height of the carousel

prevButton: (selector | element) Element to show previous item
nextButton: (selector | element Element to show next item

align: (left | center | right) Horizontal alignment
verticalCenter: (boolean) Verticaly centered

interval: (int) Seconds between automatic change of item, not set = off
duration: (int) The speed of the animation in miliseconds

gestures: (boolean) Let mobile users slide with touch gestures (beta)

Callbacks

onRotate: (function) Callback after a rotation - get aplied with current position of carousel and total number of items
onInit: (function) Callback after init - get aplied with current position of carousel and total number of items