CODEWITHSUNDEEP
cordovaibm-mobilefirsthybrid-mobile-app
user3896951
user3896951

Reputation: 17

Hybrid application - open image with zooming controls

I am showing small size of an image in the page. once user click on it..it should open in new page with zooming controls.

Note:- I don't want the zoom for entire app..but needed for one screen.

Thanks..

Upvotes: 1

Views: 6213

Answers (2)

AtanuCSE
AtanuCSE

Reputation: 8940

Just open the image (not page, only image) in inAppBrowser Plugin

http://cordova.apache.org/docs/en/3.3.0/cordova_inappbrowser_inappbrowser.md.html#InAppBrowser

window.location('your_image.jpg','_blank','location=no,enableViewportScale=true');

Also just to be sure set the option enableViewportScale=true while opening inAppBrowser. That's it. Image should be opened with zoom functionality.

Upvotes: 3

Idan Adar
Idan Adar

Reputation: 44516

In my answer to the following question I mention how to use the jQuery plug-in penzoom to add zoom functionality: How to add pinch/zoom behavior using jQuery Mobile?

My recommendation is for you to get a basically functionality of zooming your image and then utilize it the way you want to in your app.

Upvotes: 0

Related Questions