javascript - 多件煎茶旋转木马

Question

你好，

我无法通过旋转木马到达我想要的地方。这适用于 iPhone / iPad 网络应用程序。

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

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

我尝试了很多东西，但到目前为止没有任何效果。

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

Answer 1

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

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

:-)

Answer 2

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

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

你可以在这里获取源代码：

https://github.com/elmasse/Ext.ux.Cover

Answer 3

您可以使用 Carousel 的 set 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.