Skip to content
Effect.Rotate is an extension to the javascript framework to easily rotate contents.
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.


Effect.Rotate is an extension to the popular javascript framework (see ) for dynamically rotating contents.

== Installation/Usage
Download the latest package.
Copy and effect.rotate.js to a dir

Add the following tags to the HEAD section of your HTML page (prototype is included in the package):

    <script src="js/prototype.js" type="text/javascript"></script>
    <script src="js/effects.js" type="text/javascript"></script>
    <script src="js/effect.rotate.js" type="text/javascript"></script>

use the Effect just like every other effect:

    new Effect.Rotate('idOfElement');
Available options:
    degrees: integer (default: 90)
        above zero: clockwise
        below zero: counter clockwise
    mode: ['relative' | 'absolute'] (default: 'relative')
            if set to 'relative', the rotation will continue from any previous rotation
            'absolute' will always start from 0 degrees
Elements rotated by this effect will get an additional property _rotation, which saves the current rotation value.

Issues with Internet Explorer: as IE7 & IE8 can't CSS-transforms, this effect only works with IE9.

== License

Effect.Rotate is licensed under the terms of the GPL License.
See the included GPL-license.txt file.

The sample image contained in the example folder are licensed under creative commons license.
You can’t perform that action at this time.