Zoom images inside tab panel

[tech_help]

Hi,

I need to implement zoom in/out image which is placed in the panel inside a tab panel. am using sencha touch 1.1 framework. I have tried the following code which is not working for the images which are placed inside a tabpanel

graph.add({
title: 'Graph',
html: '<img alt="loading graph" width="100%" style="padding:10px 10px 10px 10px;" src="chart.png"></img><br />'
});

graph.doLayout();

graph.body.select('img').on({
pinchstart: function(e, t){
this.startScale = this.scale;
},

pinch: function(e, t){
this.scale = e.scale * this.startScale;
t.style.webkitTransform = 'scale(' + this.scale + ')';
},

scope: {
scale: 1
}

Pls help me with the sample code which can be used for zoom in/out in pinch event.

Thanks

[mitchellsimoens]

What are some of the values this.scale is like?

[tech_help]

Hi mitchellsimoens,

am not very sure abt the scale parameter. The piece of code wht i have attached worked for the image which is in the panel. After i put the panel inside the tabpanel only its not working.

Pls help

thanks