WAML - Web Application Markup Language

WAML - Web Application Markup Language

Posts 1-1 of 1
  • Evgenios Skitsanos
    Evgenios Skitsanos    Group moderator
    The company name is only visible to registered members.
    wa:Carousel
    One more blowing UI widget now added to WAML. Thanks to Bill Scott for great YUI extensions (http://billwscott.com/carousel/)

    The carousel component manages a list of content (HTML UL and LI elements) 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.

    So now absolutelly same thing available within WAML with very simple syntax:

    <wa:Carousel id="CarouselComponent">
    <wa:CarouselItem>
    <img height="75" src="http://static.flickr.com/74/162582364_7fc3e2d60d_s.jpg" width="75"/>
    <br/>Number 1
    </wa:CarouselItem>
    <wa:CarouselItem>
    <img height="75" src="http://static.flickr.com/67/162582262_e969394bc3_s.jpg" width="75"/>
    <br/>Number 2
    </wa:CarouselItem>
    <wa:CarouselItem>
    <img height="75" src="http://static.flickr.com/49/162582189_e0571b02e2_s.jpg" width="75"/>
    <br/>Number 3
    </wa:CarouselItem>
    <wa:CarouselItem>
    <img height="75" src="http://static.flickr.com/53/162581581_de49021696_s.jpg" width="75"/>
    <br/>Number 4
    </wa:CarouselItem>
    <wa:CarouselItem>
    <img height="75" src="http://static.flickr.com/74/161894590_9a1a9788e1_s.jpg" width="75"/>
    <br/>Number 5
    </wa:CarouselItem>
    <wa:CarouselItem>
    <img height="75" src="http://static.flickr.com/55/161894230_a4f1baf3d2_s.jpg" width="75"/>
    <br/>Number 6
    </wa:CarouselItem>
    </wa:Carousel>

    You can put as many Carousel componets on your page as you want.


    Credits

    The Original Carousel component was written by Bill Scott. Special thanks to Dustin Diaz for providing an example of the correct way to structure the HTML to get around some annoying layout issues. Also thanks to Matt Sweeney for pointing out a way around a Firefox/IE discrepency when adding a temporary node. And special thanks to the Yahoo! User Interface team for the excellent Y!UI library. Other contributors have been Dan Hobbs (CNet) for ideas about prebuilding elements for out of order loading; Yuval Karjevski for initial contribution for insert items (and soon remove items); Lawrence Carvalho for many ideas including making the carousel accessible (future version!). Also thanks for ideas & bug reports from: Steve Yates, Chris Maxwell, Tony Hirst, David Ehlers and others.
    • 28 Jan 2007, 9:26 pm