Examples

Orangutan Preying mantis
Toad Owl

Images from morguefile

Mouse over: -
Mouse co-ords: -, -

Orangutan: mouseover to start rotation animation, mouseout to stop.
Mantis: click to start/stop animation rotation
Toad: click to rotate 360° clockwise
Owl: click and drag to rotate

AWC Image Rotater

Details

Latest: awc_image_rotater-1.0
License: Open Source (MIT).

awc_image_rotater provides a way to rotate images on your web page, either as a one-off rotation operation or an animation. Custom events are provided so your own code can interact with mouse events such as mouse over, clicks etc. It utilises the prototype javascript library, and uses the HTML5 <canvas> tag. It won't work on IE at present, as IE doesn't have the <canvas> tag.

Download Documentation

View Source Files:

© 2010 Advanced Web Construction Ltd