Question

http://andrebrov.net/dev/carousel/

the above link shows some slide example using carousel.

      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"
                        }
                ]
            });                   
    </script >      

In the above code for the value property we are giving title & image attributes. Is there any possibility that we can give a < div > section as input instead of an image so that we can have some text message added to an image or whatever. Please help.

Answer 1

In your carousel template write

<div style="height:100%;font-size:1.5em;width:500px">@{div}</div>

and in carousel values write

"title" : "Tron.Legacy",
"image" : "images/1.jpg",
"div": '<div id="page1">first</div>'

I faced the same issue as u did, but was able to add divs in the carousels. 🙂