Carousel + buttons

[DaveC426913]

Try using some of the sample Event provided in this post. Decipher how it works and troubleshoot yours.

http://www.sencha.com/forum/showthre...-carousel-card.

Troubleshooting completed. evant is using v0.93, a beta version.

[nosarious]

well, yeah. Everyone is using a beta version. Thats kind of obvious.

[KPChow]

Hi guys,

Besides having buttons that target to specific pages from the carousel, how would one go about it to have a next and previous button which can control the flow of the pages?

K

[champagnewebs]

Ext.setup({
tabletStartupScreen: 'tablet_startup.png',
phoneStartupScreen: 'phone_startup.png',
icon: 'icon.png',
glossOnIcon: false,
onReady: function() {
// Create a Carousel of Items
var carousel = new Ext.Carousel({
indicator: false,
listeners: {
afterrender: function(c){
c.body.on('click', function(e, t){
if(Ext.fly(t).hasCls('last')){
c.setActiveItem(2, {type:'slide',direction:'right'});
}else{
c.setActiveItem(0, {type:'slide',direction:'left'});
}
}, c, {delegate: 'a.move'});
}
},
defaults: {
cls: 'card'
},
items: [{
html: '<a class="move last" href="#">Go to last</a>'
},
{
title: 'Tab 2',
html: '2'
},
{
title: 'Tab 3',
html: '<a class="move first" href="#">Go to first</a>'
}]
});

new Ext.Panel({
fullscreen: true,
layout: {
type: 'vbox',
align: 'stretch'
},
defaults: {
flex: 1
},
items: [carousel]
});
}
});