Before proceeding you may want to read our getting started page.

What does this control do?

Displays one or more rotating fragments of content. It is very useful to display thumbnails.

For an usage example check out the Control.Carousel demo.

How to use it

In order to be able to use this control, paste this line of javascript right at the beginning of your script tag:

To organize the fragments of code you are trying to use in the carousel, we suggest you to use an unordered list and customize it via CSS.

<div id="carousel-test">
  <ul class="m-carousel-items">
    <li style="background: #FF0000">1</li>
    <li style="background: #FF4400">2</li>
    ...
    <li style="background: #FF0088">N</li>
    <li style="background: #FF0044">O</li>
  </ul>
</div>

The basic structure for the Carousel contents to work is a DIV containing an UL'' with ''m-carousel-items class.

After you've organized your contents, you may then be able to invoke the Carousel

Methods