Carousel con menù personalizzato

[luca gavelli, módosítva 11 év-val korábban]

Salve,
sto usando Alloy Caurosel, vorrei creare un caurosel con 3 immagini, con un menù personalizzato, il problema che il div customMenu non funziona, come mai?Versione vecchia di alloy presente nel mio Liferay 6.1 o script errato?

Questo è il mio script:
<div id="wrapper">
<h1>Alloy - Carousel Demo</h1>
<div id="demo">
<div class="yui3-aui-carousel-item yui3-aui-carousel-item-active" style="background: url(article0.png); width: 940px; height: 253px;">Article0</div>
<div class="yui3-aui-carousel-item" style="background: url(article1.png); width: 940px; height: 253px;">Article1</div>
<div class="yui3-aui-carousel-item" style="background: url(article2.png); width: 940px; height: 253px;">Article2</div>
</div>

<ul id="customMenu">
<li class="yui3-aui-carousel-menu-play">Play/Pause</li>
<li class="yui3-aui-carousel-menu-prev">Previous</li>
<li class="yui3-aui-carousel-menu-next">Next</li>
<li class="yui3-aui-carousel-menu-index">1</li>
<li class="yui3-aui-carousel-menu-index">2</li>
<li class="yui3-aui-carousel-menu-index">3</li>
</ul>
</div>

<script type="text/javascript" charset="utf-8">
AUI().ready('aui-carousel', function(A)

var component = new A.Carousel(
{
intervalTime: 3,
contentBox: '#demo',
//activeIndex: 'rand',
height: 254,
width: 940,
nodeMenu: '#customMenu',
nodeMenuItemSelector: 'li'
}
)
.render();
});
</script>

Grazie
Luca