多个项目煎茶传送带

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

可以使用旋转木马的设置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.