The Carousel Widget will size to fit any space you like. It needs to be deinfed with HTML like the following.
The Carousel Widget renders items based on a customizable template which you for each item.
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" : 600
},
value : [
{ "title" : "Greg's Homepage",
"url" : "http://gregmurray.org/index.html",
"description" : "Find all kinds of cool development."
},
{ "title" : "Greg's iPad Resources",
"url" : "http://gregmurray.org/ipad/index.html",
"description" : "Lots of resources for working with HTML 5 and the iPad / iPhone. "
}
]
} );
Let me know what you think. I have tested this on IE 7, Firefox, Safari, iPad and the iPhone. Get full source at here.
