多个项目煎茶旋转木马

Question

嗨，

我无法用我的旋转木马到达我想要的地方。这是针对 iPhone / iPad 网络应用程序的。

基本上我想在轮播中显示我的上一个和下一个项目卡的一部分。因为一张图片胜过一千个文字，这是我想要获得的最终视图：

与 appStore 预览屏幕截图相同一个应用程序的。

我已经尝试了很多事情，但到目前为止没有任何效果。

任何提示都会很棒:) 谢谢！

Answer 1

如果您要将轮播页面 3“推”到一页上，并且间距（边距或填充）较高以创建效果，那么这绝对是可能的。

在这个阶段，还没有多项目（在一页上）轮播的公开示例，但这是可能的，我目前正在研究多项目轮播。我添加了边距和填充，以在一页上实现 15 个缩略图。

:-)

Answer 2

有一个 coverflow 插件不完全相同但相似。在此处查看演示：

http://twomonkeys.com.ar/lab/cover/

可以在这里获取源代码：

https://github.com/elmasse/Ext.ux.Cover< /a>

Answer 3

您可以使用设置 Carousel 的 itemLength 属性，

Ext.create('Ext.Carousel', {
        fullscreen: true,
         itemLength: 250, // **you can change value as you want**
        defaults: {
            styleHtmlContent: true
        }, 
        items: [
            {
                html: 'item1',
                style: 'background-color:red;'
            }, {
                html: 'item2',
                style: 'background-color:white;'
            }, {
                html: 'item3',
                style: 'background-color:gray;'
            }, {
                html: 'item4',
                style: 'background-color:blue;'
            }, {
                html: 'item5',
                style: 'background-color:yellow;'
            }
        ] 
    }); 

Answer 4

请参阅此博客文章，他们对此进行了解释：

http ://www.sencha.com/blog/using-the-leap-motion-controller-with-sencha-touch/

他们在代码中使用了这个：

itemLength: browserWidth * 0.8.