javascript - 複数のアイテム煎茶カルーセル

Question

やあ、

カルーセルで行きたい場所に行くことができませんでした。これは iPhone / iPad の Web アプリ用です。

基本的に、前と次のアイテム カードの一部をカルーセル内に表示したいと考えています。写真は千の言葉に値するので、ここに私が取得したい最終的なビューがあります:

アプリの appStore プレビュー スクリーンショットと同じです。

私は多くのことを試しましたが、これまでのところ何も機能していません。

どんなヒントも素晴らしいでしょう:)ありがとうございます！

Answer 1

カルーセル ページ 3 を 1 ページに「プッシュ」し、スペース (マージンまたはパディング) を高くして効果を作成する場合、これは間違いなく可能です。

この段階では、マルチ アイテム (1 ページ) のカルーセルの公開例はありませんが、可能であり、現在マルチ アイテム カルーセルに取り組んでいます。マージンとパディングを追加して、1 ページに 15 個のサムネイルを実現しました。

:-)

Answer 2

彼らが説明しているこのブログ投稿を参照してください。

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

彼らはコードでこれを使用しました：

itemLength: browserWidth * 0.8.

Answer 3

まったく同じではありませんが、類似したカバーフロー プラグインが利用可能です。ここでデモをチェックしてください：

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

ソースコードは次の場所から入手できます。

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

Answer 4

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;'
            }
        ] 
    });