Custom scalable iframe on iPhone

Question

I have a website that works best with mobile browsers (iPhone, Android, and Blackberry). The default page for the site uses the following meta key so that the user cannot scale the page using hard gestures:

<meta name="viewport" content="width=device-width,height=device-height,user-scalable=no,initialScale=1.0,maximumScale=1.0"/> 

In some cases, I display an image on this page, and I would like the user to be able to use pinch gestures to zoom in / out only the image. I thought I had to create an iframe when the user clicks (touches) the image. The iframe will contain a page with an image and the following meta element, designed to allow pinch gestures to scale the image:

 <meta name="viewport" content="width=device-width,height=device-height,user-scalable=yes,initialScale=1.0"/> 

But the image in the iframe is still not scaled. Am I trying to do this even without going to a new page?

Answer 1

I don't think you can scroll iframes in iphone browser.