html - パネルの上のパネルで Sencha Touch を使用したカルーセル

Question

パネルの上にフローティング パネルを作成し、フローティング パネルにカルーセルを追加しました。問題は、カルーシング中に追加されたすべてのアイテムが表示されることです。フローティング パネルに 1 つの項目だけを表示し、他の項目は非表示にしてフローティング パネルの外に表示しないようにしたい。どうすればこれを達成できますか?

前もって感謝します。

コード：

var App = new Ext.Application({
name: 'CarouselDemo',
useLoadMask: true,

launch: function () {    
    overlayView.show();
}
});

var overlayView = new Ext.Panel({
floating: true,    
centered: true,    
styleHtmlContent: true,
width:600,    
height:600,
items: [
{
xtype    : 'carousel',
ui       : 'light',
direction: 'horizontal',
items: [
    {   html: '<p>Carousels can be vertical and given a ui of "light" or "dark".</p>' 
    },
    {   html: 'Card #2'   
    },
    {   html: 'Card #3'  
    }
    ]
}]            
});