I got a question when I try to insert a zoomable image into a jQM page.

In this page I only get a header, an image in content div and a fixed position footer. The thing is when I try to remove <meta name="viewport" content="initial-scale=1.0, user-scaleble=no" /> , the whole page(including header and footer) will be zoomable, from my understanding, the zoom function should be defined by iphone/android browser right? 

Now what I want is only the image can be zoom, can someone help and provide me some sample code?

( I tried using <iframe>, not working. )