onsenui
<ons-carousel initial-index="2" swipeable overscrollable auto-scroll fullscreen var="carousel">
<ons-carousel-item style="background-color: #F44336;">
<div class="item-label"><span onclick="navi.pushPage('c.html', { animation : 'lift' })">C</span></div></ons-carousel-item>
<ons-carousel-item style="background-color: #ff9800;">
<div class="item-label"><span onclick="navi.pushPage('p.html', { animation : 'lift' })">P</span></div></ons-carousel-item>
<ons-carousel-item style="background-color: #03A9F4;">
<div class="item-label"><span onclick="navi.pushPage('s.html', { animation : 'lift' })">S</span></div></ons-carousel-item>
<ons-carousel-item style="background-color: #4CAF50;">
<div class="item-label"><span onclick="navi.pushPage('w.html', { animation : 'lift' })">W</span></div></ons-carousel-item>
<ons-carousel-item style="background-color: #212121;">
<div class="item-label"><span onclick="navi.pushPage('i.html', { animation : 'lift' })">I</span></div></ons-carousel-item>
</ons-carousel>
というcarouselがあります。これをIを表示させたらCをまためくれるようにする、逆にCまで持って行ったらIがめくれるようにするとする動きを作りたいのですが、Swipeイベントをとった時にCを表示させるようなJSが書けるものなのでしょうか?少なくともonsenuiの標準機能には無いと考えています。発火イベントはとれるのでやれなくはないかなとは思ってはいますがいまいちどう書けばいいのか分かっていない感じです。
ちなみに、すでに設定されているons-carousel-itemのiとcを両端に追加してみましたが、結局index的には7個に増えたようにしか内部処理させていないので問題解決は出来ませんでした。単純に発火だけ見張っとけばいいのでしょうか?