type: widget

realease: 0.0

priority: high || medium || low

status: in planning || in development || complete

documentation: url || N/A

demo: url || N/A

1 - Description:

A carousel or push box acts like a scrolling panel except instead of a scrollbar, buttons are used to page through the set. This widget may also be set up to auto-play so it will display the frist page or items for a set interval, then automatically page forward to the next. If the user clicks on the paging arrows, the auto-play should have the option to pause itself.  Any markup can be used inside the carousel (images, product listings, etc.) and the width of the widget should be customizable. Animations should be used for pagination with smooth horizontal movement with easing as the default. The number of items scrolled per click should be user controlled. An optional number bar or dot bar should be available for direction navigation to a specific page (See examples below).

Examples:

http://sorgalla.com/projects/jcarousel/examples/static_controls.html

http://sorgalla.com/projects/jcarousel/examples/static_multiple.html

2 - Visual designs:

3 - Functional Specifications/Requirements:

4 - Markup & Style:

     4.1 Initial markup examples

     4.2 Recommended transformed HTML markup

     4.3 Accessibility recommendation

     4.4 CSS & Theme

5 - Related jQuery Plugins:

• jquery.scrollable (http://www.flowplayer.org/tools/scrollable.html)
• jCarousel Lite (http://www.gmarwaha.com/jquery/jcarousellite/index.php)
• jCarousel (http://sorgalla.com/projects/jcarousel/)
• Easy Slider (http://cssglobe.com/post/3783/jquery-plugin-easy-image-or-content-slider)
• Agile carousel (http://code.google.com/p/agile-carousel/)
• Sliding featured content panels (http://css-tricks.com/creating-a-slick-auto-playing-featured-content-slider/)
• Coda-Slider (http://www.ndoherty.com/demos/coda-slider/1.1.1/)