Forum | Appery.io

how to be able to zoom in on an image?

once i open the button to an image in my app, i can't zoom in at all. this is vital to my app's success. thanks!

so I realized I'm looking for the pinch/zoom feature. add me to the list of people who would love to see appery add this feature!

Hi Daniel,

Unfortunatly there is no such component in Appery.io platform.

But you have a huge flexibility to use jQuery plugins.

Please find jQuery plugin which is fit to your requirments (apply to the image) and use it.

If you can not to apply it with your app we can help with it.

For example you can find plugins here: http://www.designrazzi.net/2014/jquer...

Regards.

Hi Daniel,

I found this past post about the same issue:

https://getsatisfaction.com/apperyio/...

maybe this can helps you...Im also trying to implement this feature...

Yuri, I found this plugin: https://github.com/timmywil/jquery.pa...

But cant make it work, can you help me to make it works?

The elevatezoom plugin doesnt give the result I like (I need a pinch-zoom functionality)

I have added jquery.panzoom.js to custon JS

In the documentation is this:

$(".panzoom-elements").panzoom();

for initialization, do I need to create an HTML component with the image?

Regards

Hi Yurii,

I found this plugin for phonegap to make the zoom,

https://github.com/cubiq/iscroll

I added the iscroll-zoom.js to a Custom JS

then I need to know what else to do to make it works...

I have a pan on the screen, I need to have this functionality, so user can zoom/pinch the image..

Regards

Alex,

I was trying to use that one too for a project. However the ElevateZoom plug-in is really meant for a desktop/laptop browser; it has a "mouse over" effect where you get a zoomed image of the area under the mouse as a popup. This is not suitable for a mobile app, where people expect the familiar "pinch and zoom" effect. Maybe that iScroll referenced by OP can do it, but it is not clear how to make it work within Appery.

-Kal.

Hi Kai,

Hope Appery team could help us with that,,I ́ve spent 3 days trying to figure out how to add this functinality to my app.. I ́m doing an app for a trade show, and Im adding a map, so without the zoom, the app is useless...

Hi Kal,

Here is a brief plan for this goal:

1 Download jQuery plugin. Copy JS text.

2 Create new JS asset in Appery.io application.

3 Paste JS code from 1st step to the JS asset from 2nd step.

4 Now you can use plugin like it described in documentation for plugin.

For example:

pre

jQuery('[name="inputName"]').pluginName();

/pre

Regards.