dojox.widget.Rotator Test

Controlled By Topics, Default Swap Transition

Prev Next Goto 0 (Nexaweb, Renkoo) Goto 1 (Sitepen, Tibco) Goto 2 (Webtide, OpenLaszlo) Goto 3 (Sun, Google) Goto 4 (Aptana, AOL) Goto 5 (IBM, Zend) Goto 6 (BEA, Uxebu) Goto 7 (WaveMaker, Aptana) Goto 8 (bad) Bad Action

Controlled By data-dojo-id Reference, Default Swap Transition

Prev Next Goto 0 (Nexaweb, Renkoo) Goto 1 (Sitepen, Tibco) Goto 2 (Webtide, OpenLaszlo) Goto 3 (Sun, Google) Goto 4 (Aptana, AOL) Goto 5 (IBM, Zend) Goto 6 (BEA, Uxebu) Goto 7 (WaveMaker, Aptana) Goto 8 (bad)

Crossfade Transition

Prev Next Goto 0 (Nexaweb, Renkoo) Goto 1 (Sitepen, Tibco) Goto 2 (Webtide, OpenLaszlo) Goto 3 (Sun, Google) Goto 4 (Aptana, AOL) Goto 5 (IBM, Zend) Goto 6 (BEA, Uxebu) Goto 7 (WaveMaker, Aptana)

Crossfade Transition 2

Prev Next Goto 0 (Nexaweb, Renkoo) Goto 1 (Sitepen, Tibco) Goto 2 (Webtide, OpenLaszlo) Goto 3 (Sun, Google)

Pan Transition

Prev Next Goto 0 (Nexaweb, Renkoo) [pan left] Goto 1 (Sitepen, Tibco) [pan down] Goto 2 (Webtide, OpenLaszlo) [pan right] Goto 3 (Sun, Google) [pan up]

Pan Continuous Transition

It is set to wrap so it will detect the shortest distance to the next pane and determine to go left or right.

The transition duration is 1 second. Quick transitions are enabled, so it will perform X number of transitions within the transition duration timeframe.

Prev Next Goto 0 (Nexaweb, Renkoo) Goto 1 (Sitepen, Tibco) Goto 2 (Webtide, OpenLaszlo) Goto 3 (Sun, Google) Goto 4 (Aptana, AOL) Goto 5 (IBM, Zend) Goto 6 (BEA, Uxebu) Goto 7 (WaveMaker, Aptana)

PanFade Transition

Prev Next Goto 0 (Nexaweb, Renkoo) Goto 1 (Sitepen, Tibco) Goto 2 (Webtide, OpenLaszlo) Goto 3 (Sun, Google) Goto 4 (Aptana, AOL) Goto 5 (IBM, Zend) Goto 6 (BEA, Uxebu) Goto 7 (WaveMaker, Aptana)

PanFade Continuous Transition

Prev Next Goto 0 (Nexaweb, Renkoo) Goto 1 (Sitepen, Tibco) Goto 2 (Webtide, OpenLaszlo) Goto 3 (Sun, Google) Goto 4 (Aptana, AOL) Goto 5 (IBM, Zend) Goto 6 (BEA, Uxebu) Goto 7 (WaveMaker, Aptana)

Pan Transition with Easing

Prev Next Goto 0 (Nexaweb, Renkoo) [pan left] Goto 1 (Sitepen, Tibco) [pan down] Goto 2 (Webtide, OpenLaszlo) [pan right] Goto 3 (Sun, Google) [pan up]

Pan Continuous Transition with Easing

Easing not supported with continuous pan... forces a linear easing.

Prev Next Goto 0 (Nexaweb, Renkoo) Goto 1 (Sitepen, Tibco) Goto 2 (Webtide, OpenLaszlo) Goto 3 (Sun, Google) Goto 4 (Aptana, AOL) Goto 5 (IBM, Zend) Goto 6 (BEA, Uxebu) Goto 7 (WaveMaker, Aptana)

Slide Transition

Prev Next Goto 0 (Nexaweb, Renkoo) [slide left] Goto 1 (Sitepen, Tibco) [slide down] Goto 2 (Webtide, OpenLaszlo) [slide right] Goto 3 (Sun, Google) [slide up] Resize to 500 x 125 Resize to 384 x 90

Slide Transition with Easing

Prev Next Goto 0 (Nexaweb, Renkoo) [slide left] Goto 1 (Sitepen, Tibco) [slide down] Goto 2 (Webtide, OpenLaszlo) [slide right] Goto 3 (Sun, Google) [slide up]

Wipe Transition

Prev Next Goto 0 (Nexaweb, Renkoo) [wipe left] Goto 1 (Sitepen, Tibco) [wipe down] Goto 2 (Webtide, OpenLaszlo) [wipe right] Goto 3 (Sun, Google) [wipe up]

Wipe Transition with Easing

Prev Next Goto 0 (Nexaweb, Renkoo) [wipe left] Goto 1 (Sitepen, Tibco) [wipe down] Goto 2 (Webtide, OpenLaszlo) [wipe right] Goto 3 (Sun, Google) [wipe up]

Programmatic Example with Fade Transition

Prev Next Goto 0 (Nexaweb, Renkoo) Goto 1 (Sitepen, Tibco) Goto 2 (Webtide, OpenLaszlo) Goto 3 (Sun, Google) Goto 4 (Aptana, AOL) Goto 5 (IBM, Zend) Goto 6 (BEA, Uxebu) Goto 7 (WaveMaker, Aptana)

Stacked Example: Pan Rotator Over Crossfade Rotator

Prev Next Goto 0 (Nexaweb, Renkoo) Goto 1 (Sitepen, Tibco) Goto 2 (Webtide, OpenLaszlo) Goto 3 (Sun, Google)

Bad Global Transition

Uses a transtion "dojox.widget.rotator.doesNotExist" and should default to the swap transition.

Prev Next Goto 0 (Nexaweb, Renkoo) Goto 1 (Sitepen, Tibco) Goto 2 (Webtide, OpenLaszlo) Goto 3 (Sun, Google)

Insertion and removal

Inserts and removes panes.

Prev Next Append Insert Remove by Index Remove by Node