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

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,
    // ...
});