Publisher review:Carousel Component manages a list of content (HTML LI elements within a UL) that can be displayed horizontally or vertically. Carousel component manages a list of content (HTML LI elements within a UL) that can be displayed horizontally or vertically.
The content can be scrolled back and forth with or without animation. The content can reference static HTML content or the list items can be created dynamically on-the-fly (with or without Ajax).
In order to make the carousel as flexible as possible, several mechanisms have been separated from the component. This separation of concerns allows the application to control:
- Content Loading. During initial load, next and previous navigation events the application can choose how to load each item (could just use static HTML, use JavaScript arrays or make requests through XMLHttpRequest calls.) Additionally, the application controls what gets put into each list item by supplying an HTML text string defining the item.
- Navigation Control. The application can specify HTML elements that control the navigation. This allows the carousel to be driven by any type of control the application might want to drive the carousel navigation with.
- External Style. Style is driven from an external CSS file that may be overriden with application stylesheets.
Understanding the separation of these three mechanisms from the actual carousel is key to understanding how to adapt it to your solution.
Knowing that you control how and what gets loaded will allow the carousel to be adapted to different data environments. Knowing that navigation controls are not part of the carousel gives you the flexibility to drive the navigation with buttons, sliders, scrollers or whatever navigation you may find useful. Finally, realizing that you can style the carousel in a multitude of ways (combined with the flexibility of what gets put into each item) will allow you to use the carousel for things like scrolling lists, picture galleries, content viewers or advertising panels.
Carousel Component 0.6.2 is a JavaScript script for Navigation scripts design by Bill Scott.
It runs on following operating system: Windows / Linux / Mac OS / BSD / Solaris.
Operating system:Windows / Linux / Mac OS / BSD / Solaris