iFrame
 
 

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.