预览下一个和上一个轮播项目

Question

我试图创建一个旋转木马,除了活动项目,用户可以预览下一个和前一个项目的一部分.我做了一个平局来说明它:

我试过像填充或边距这样的东西,但任何东西都有效.

这是一个可以玩的旋转木马:http://jsfiddle.net/XpG8v/

        Ext.Viewport.add({
        xtype: 'carousel',
        height: 300,
        width: 300,
        items: [{
            style: 'background-color: #00ffff;'
        },{
            style: 'background-color: #ff00ff;'
        },{
            style: 'background-color: #ffff00;'
        }]
    });

谢谢!

Answer 1

只需将'itemLength'配置设置为固定值,例如:

Ext.Viewport.add({
    xtype: 'carousel',
    itemLength: 200,
    // ...
});