[intro] Displays one or more rotating fragments of content. It is very useful to display thumbnails. [/intro]
Widget demo
Use the buttons below to control the Carousel.
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- A
- B
- C
- D
- E
- F
- G
- H
- I
- J
- K
- L
- M
- N
- O
HTML source
<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>
<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>
Javascript source
Meteora.uses('Meteora.Carousel');
Meteora.onStart(
function() {
var carousel = new Carousel(
'carousel-test'
);
}
);
Meteora.onStart(
function() {
var carousel = new Carousel(
'carousel-test'
);
}
);