jqm.carousel icon indicating copy to clipboard operation
jqm.carousel copied to clipboard

jQMobile Carousel Widget

This id a first version of jQuery Mobile Widget. You can see demo here http://andrebrov.net/dev/carousel/

For any question write to [email protected]

How to use this widget.

On your page create next html code

This code will add html markup for carousel. Then add in #content div next html block, which describes template

@{id} and @{image} params should be described in inital data in script block

var carousel = new $.widgets.Carousel( { uuid : "carousel", args : { "scrollInterval" : 600,"itemWidth":290}, value : [ { "title" : "Tron.Legacy", "image" : "images/1.jpg" }, { "title" : "Yogi Bear", "image" : "images/2.jpg" }, { "title" : "The Chronicles of Narnia: The Voyage of the Dawn Treader", "image" : "images/3.jpg" }, { "title" : "The Fighter", "image" : "images/4.jpg" }, { "title" : "Tangled", "image" : "images/5.jpg" } ] });

Thats all!