Carousel Component

Category: JavaScript - Miscellaneous

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. Date: 17 February, 2012


Carousel Component - Javascript Menu - Navigation System - Carousel - Component

Homepage: http://www.billwscott.com/

Developer: billwscott.com

License: Freeware

Operating System: All

Add a Comment

all are required fields

     
What do you think of this resource?

Select Your Rate:

Votes:0

 

Related Scripts Download

This class is a Prototype/script.

developer Developer: prototype-carousel.xilinus.com
license License: Freeware
operating systems Operating System: All


dhtmlxMenu is an Ajax-enabled JavaScript menu with rich functionality, XML support, cross-browser compatibility and powerful API.

developer Developer: ivan
license License: GNU General Public License (GPL)
operating systems Operating System: Multiplatform


Pop-up java menu applet; framebusting ability: menus drop-down over frame edges without needing code in adjoining frames; distinguishing feature: hovermenu technology - menu persistently hovers at bottom left of screen.

developer Developer: http://www.imint.com/ipo...
license License: Freeware
operating systems Operating System: Unix/Linux/Windows


Make a professional menu for your site with the Advanced Floating Pop-Up Menu.

developer Developer: http://www.jpowered.com/...
license License: Freeware
operating systems Operating System: Unix/Linux/Windows


Ultimate Dropdown Menu is a multi-platform compatible fully-customisable 3-level menu system, with the widest level of cross-browser support of any dhtml menu script in existence.

developer Developer: www.brothercake.com
license License: Freeware
operating systems Operating System: All


Ezmenu is a multi-platform compatible versatile, fast, compact and comprehensive DHTML menu system.

developer Developer: http://web-nova.com/ezme...
license License: Freeware
operating systems Operating System: Unix/Linux/Windows


AllWebMenus is a DHTML menu/JavaScript menu builder that lets you create any kind of popup or drop-down web menu without any DHTML or JavaScript experience required.

developer Developer: likno.com
license License: Freeware
operating systems Operating System: All


WebTreeView.

developer Developer: intersoftpt.com
license License: Freeware
operating systems Operating System: All


mooDBToolTip is an AJAX & PHP driven solution to populate a toolTip for a specific link or tag in your website automatically.

developer Developer: artviper.net
license License: Freeware
operating systems Operating System: All