The Carousel Widget responds to simple touch events as described in the allowing you to scroll on a tablet (iPad).
The Carousel Widget renders items based on a simple template which you define.
Following is the usage of the widget. If using more than one carousel in a page you will need to have a different "uuid"
property.
var carousel = new widgets.Carousel( {
uuid : "carousel",
widgetDir : "carousel/",
args : { "theme" : "gray",
"scrollInterval" : 1200
},
value : [
{ "title" : "Kumamoto Castle",
"image" : "http://farm4.static.flickr.com/3146/2380558760_f09fdb090e.jpg",
"description" : "Kumamoto Castle was completed in 1607 by Kiyomasa Kato. Kumamoto Castle is located Kyushu Japan. Inside of the castle walls is the Kato Shrine."
},
{ "title" : "Greg and Etsuko in Kimonos",
"image" : "http://farm4.static.flickr.com/3157/2380552402_dbe2df49ba.jpg",
"description" : "Traditional wedding kimonos taken from a roof garden with Kumamoto castle in the background. "
},
{ "title" : "Napa",
"image" : "http://farm3.static.flickr.com/2359/2064677657_688db96ac9.jpg",
"description" : "Etsuko shows off some grapes at Pride Mountain winery in the Napa valley near harvest season.." },
{ "title" : "San Francisco",
"image" : "http://farm3.static.flickr.com/2398/2065454438_a39de969bc.jpg",
"description" : "A great view of a cable car with Etsuko and her friends. This page was taken near Fisherman's Warf."
},
{ "title" : "Golden Gate Bridge",
"image" : "http://farm3.static.flickr.com/2109/2064681871_e43ed4ef7e.jpg",
"description" : "A great view of the Golden Gate Bride."
}
]
} );
Let me know what you think. I have tested this on Firefox, Safari, iPad and the iPhone.
Download carousel-1.1.zip.
