Rotar imágenes con jquery: Wilq32.RotateImage (jQuery plugin)
Fuente: http://wilq32.googlepages.com/wilq32.rollimage222
Download:
jQueryRotate.js
Usage:
jQuery(imgElement).rotate(angleValue)
jQuery(imgElement).rotate(parameters)
jQuery(imgElement).rotateAnimation(parameters)
jQuery(imgElement).rotateAnimation(parameters)
Parameters:
({angle:angleValue,
[animateAngle:animateAngleValue],
[maxAngle:maxAngleValue],
[minAngle:minAngleValue],
[callback:callbackFunction],
[bind:[{event: function},{event:function} ] })
jQuery(imgElement).rotateAnimation
Where:
- angleValue - clockwise rotation given in degrees,
- [animateAngleValue] - optional parameter, animate rotating into this value,
- [maxAngleValue] - optional parameter, maximum angle possible for animation,
- [minAngleValue] - optional parameter, minimum angle possible for animation,
- [callbackFunction] - optional function to run after animation complete,
- [bind: [ {event: function}...] -optional parameter, list of events binded to newly created rotateable object
Examples:
$(document).ready(function()
{
$('#image').rotate(-25);
});
$(document).ready(function()
{
$('#image2').rotate({angle:5});
});
$(document).ready(function()
{
var rot=$('#image3').rotate({maxAngle:25,minAngle:-55,
bind:
[
{"mouseover":function(){rot.rotateAnimation(85);}},
{"mouseout":function(){rot.rotateAnimation(-35);}}
]
});
});


















Comentarios recientes
hace 2 años 22 semanas
hace 2 años 21 semanas
hace 2 años 21 semanas
hace 2 años 15 semanas