sexyCycle image jQuery plugin

version 0.3

Requirements: jQuery Core (latest), jQuery Easing Plugin
Download JS: sexyCycle.js
Download CSS: sexyCycle.css

How to use below:





Default settings.
$("#box0").sexyCycle();

PrevNext
Easing effect + Prev and Next navigation

$("#box1").sexyCycle({
	easing: 'easeInOutBounce',
	next: '.next1',
	prev: '.prev1'		
});

PrevNext
Easing effect + Prev and Next navigation + Custom speed + Image cycling = False
$("#box2").sexyCycle({
	easing: 'easeOutElastic',
	speed: 800,
	next: '.next2',
	prev: '.prev2',
	cycle: false
});

PrevNext
One of the good things about sexyCycle is that you're not forced to stick with a fixed width of all images.
It's actually quite nice to use different width on each image.


Prev and Next navigation + Custom speed + Custom start
$("#box3").sexyCycle({
	speed: 500,
	next: '.next3',
	prev: '.prev3',
	start: 2
});

Stop
Custom speed + Interval + Stop button
$("#box4").sexyCycle({
	speed: 500,
	next: '.next3',
	prev: '.prev3',
	stop: '.stop',
	interval: 800
});