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