How to Create a Easy Jquery Auto Image Rotator

Hi Friends here is a simple way of creating a Jquery Image Rotator.Before showing you how to create it lets see some basic functionalities of the Image Rotator Properties and Associated Parameters.
Usage:

jQuery(imgElement).rotate(angleValue)
jQuery(imgElement).rotate(parameters)
jQuery(imgElement).rotateAnimation(parameters)
jQuery(imgElement).rotateAnimation(parameters)


Returns:
jQueryRotateElement - !!! NOTICE !!! function return rotateElement instance to help connect events with actually created 'rotation' element.

Parameters:

• ({angle:angleValue,
• [animateAngle:animateAngleValue],
• [maxAngle:maxAngleValue],
• [minAngle:minAngleValue],
• [callback:callbackFunction],
• [bind:[{event: function},{event:function} ] })

Use a $document.ready() function to load the JQuery Cycle rotator effects

$(document).ready(function()

{
$('#image').rotate(-25);
});


Some Other Useful Examples:

$(document).ready(function() { var rot=$('#image3').rotate({maxAngle:50,minAngle:-55, bind: [ {"mouseover":function(){rot[0].rotateAnimation(50);}}, {"mouseout":function(){rot[0].rotateAnimation(-50);}} ] }); });

Example 2:

$(document).ready(function() { $('#image2').rotate({angle:5}); });