Thursday, January 29th, 2009
Rotate images with Canvas jQuery plugin
Pawel Witkowski released an interesting jQuery plugin called Wilq32.RotateImage that lets you rotate images simply:
- // just do it 5 degrees
- $('#image2').rotate({angle:5});
- // animate the rotation
- var rot=$('#image3').rotate({maxAngle:25,minAngle:-55,
- bind: [
- {"mouseover":function(){rot.rotateAnimation(85);}},
- {"mouseout":function(){rot.rotateAnimation(-35);}}
- ]
- });
You can also do this type of thing on new browsers via CSS transforms so it would be cool to merge the two (if one is supported great, else try the other).
2.7 rating from 6 votes
Hm, low quality script, the first two examples dont run at Firefox 3 and at IE 6 the images are clipped and the browser crashed.
This is still work in progress stuff – There still some minor bugs with loading images. Refreshing should help solve this bug.
Actually both of IE and other browsers bugs are solved (except one minior one with IE events but whole effect works)