Examples

• Illustrating various loading techniques
  • Static HTML - Carousel content expressed solely in HTML markup.
  • JavaScript Load - Carousel content loaded via JavaScript (client side load) displayed horizontally.
  • Ajax Load - Loading Carousel via Ajax (server side load).
  • Ajax Search - Loading and reloading content via Ajax.
  • Ajax Search (Vertical) - Loading and reloading content via Ajax in a vertical strip illustrating resize during reload.
  • Ajax Load - Two Carousels - Loading two Carousels on same page via Ajax (server side load).
• Illustrating flexibility of style
  • Vertical Orientation - Carousel content loaded via JavaScript (client side load) displayed horizontally.
  • Slide Show - Showing a carousel managing one large image at a time.
  • Module Scrolling - Example of a news module supporting scrolling of content.
  • Module Tabset - Example of showing one page of content at at time in tabs.
• Illustrating key features
  • Auto Play - Demonstrates the autoPlay functionality. Every 5 seconds the content is scrolled. If user interacts, autoPlay is turned off.
  • Wrap - Demonstrates the wrap functionality.
  • Offset - Demonstrates setting the firstItemVisible property (with wrap.)
  • Bounded Carousel - Loading Carousel via JavaScript (client side load) with the size constrained.
  • No Animation - Carousel configured for no animation.
  • Managing Items - Inserting items, clearing and reload items in the list.

Compatibility

• IE 7/PC
• IE 6/PC
• Firefox 1.5.0.5/Mac
• Firefox 1.5.0.5/PC
• Firefox 2.0/PC
• Firefox 2.0/Mac
• Camino 1.0/Mac
• Safari 2.0.4/Mac. One known issue: In vertical orientation the width is not correct.
• Opera 9.0/PC
• Opera 9.0/Mac