Несколько предметов сенча карусель

Question

Привет,

Мне не удалось добраться туда, куда я хочу, с моей каруселью.Это для веб-приложения для iPhone / iPad.

По сути, я хочу показать часть моей предыдущей и следующей карточки элемента внутри карусели.Поскольку картинка стоит тысячи слов, вот окончательный вид, который я хочу получить:

То же, что и на скриншотах предварительного просмотра appStore приложения.

Я много чего перепробовал, но пока ничего не получалось.

Любые советы будут великолепны :) Спасибо!

Answer 1

Это определенно было бы возможно, если бы вы «вытолкнули» страницы 3 карусели на одну страницу с разнесением (отступ или отступ) вверх, чтобы создать эффект.

На данном этапе нетпубличные примеры многоэлементной (на одной странице) карусели, но это возможно, и в настоящее время я работаю над многоэлементной каруселью.Я добавил поля и отступы, чтобы получить 15 миниатюр на 1 странице.

: -)

Answer 2

См. Это сообщение в блоге, где они объясняют это:

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

Они использовали это в своем коде:

itemLength: browserWidth * 0.8.

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

Существует плагин coverflow, доступный не точно так же, но похожий. Проверьте демо здесь:

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

Вы можете получить исходный код здесь:

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