Carousel - render without setting scale and allow user to zoom and scroll

[r00bal]

I am playing around with Sencha Touch, especially with examples like http://dev.sencha.com/deploy/touch/examples/

However I am faced with a problem, when using the component the scale is set on the iPhone and the user cannot scroll the page or zoom in or out.

How may I disable these settings as I would like to have the carousel on a page which can be scrolled, and zoomed in/out.

I currently have:



Ext.onReady(function() {
new Ext.Carousel({
renderTo: 'gallerycarousel',
height: 600,
width: 1000,
fullscreen: false,
items: [
{ html: 'a' },{ html: 'b' },{ html: 'c' },{ html: 'd' },{ html: 'e' }
]
});
}
);