rotator.js

Creates a set of 'rotating' elements, which are cyclically displayed in an infinite fashion (1, 2, 3, 1, 2 ...).

Objects

OAT.Rotator(panelX, panelY, options, callback)

Creates the Rotator object. Its elements will have width of panelX and height of panelY.Callback will be executed every time rotation pauses. Parameter options is an object of the following properties:

• delay - rotation speed (number)
• step - animation smoothness (number)
• numLeft - how many elements should be rotated before shifting the first one to the end (number)
• pause - delay after one animation round (number)
• type - OAT.RotatorData.TYPE_ constant, specifies an animation direction (see Constants section)

Methods

OAT.Rotator.addPanel(element)

Adds a new element to rotating set.

OAT.Rotator.start()

Starts the rotation process.

Constants

OAT.RotatorData.TYPE_

• OAT.RotatorData.TYPE_LEFT - ToBeDone?
• OAT.RotatorData.TYPE_RIGHT - ToBeDone?
• OAT.RotatorData.TYPE_BOTTOM - ToBeDone?
• OAT.RotatorData.TYPE_TOP - ToBeDone?

CSS classes

.rotator

ToBeDone?

Example

var r = new OAT.Rotator(200, 200, {type:OAT.Rotator.TYPE_RIGHT}, function(){});
r.addPanel("div1");
r.addPanel("div2");
r.addPanel("div3");
r.start();

CategoryDocumentation CategoryOAT CategoryOpenSource CategoryToBeDone?