we are using this at my organization, cool directive, but we found an issue with it:

when you pinch and zoom then remove your fingers from the screen, then go back to pinch and zoom again on the already zoomed in frame, the image shifts wildly off the screen and the experience craps out. is this a known issue?

the specific scenario it happens in is this: we have a photo viewing modal that displays pics in a vertically cascading list. you can click or press one pic to bring it into isolate view. ng-pinch-zoom is on the tag for this isolate view so the user can pinch and zoom the isolate image but not the previous list view. we use your directive because it allows us to maintain the X button while pinching and zooming the image, so we have the X button to escape the shifted, buggy view, but would still like to avoid that experience if possible.

Hi,

Is it possible to have CSS/markup so that I can open the picture full screen preserving aspect ratio and still having the pinch-zoom, pan functionality?

When I specify width/height/max-width/max-height in % it seems to break the functionality causing other element to move around and sometimes the pan is not working...

Thanks!

I am using this directive for my application which has multiple images for one product. It's working really fine otherwise except, when i zoom into image 1 and then i touch on next image ( image 2), image 2 is also showing at the zoomed scale. Is there a way that after touch event end on image 1, clicking ( touching) on image 2 will reset the view and it will show whole image instead of zoomed image 2? Any help would be appreciated. Thanks

When I do pinch zoom the image is moving to the left corner and not showing the pinched part alone, Instead the image is getting zoomed overall. Can someone tell how to fix this?

first of all thanks for the cool directive but there is an issue with it where if I zoom in a landscape image in portrait device then it does not zoom correctly but works fine with landscape view and the same happens with portrait image in landscape view

I already used a lazy load plugin. But it didn't work with pinch-zoom. I also change my lazy load plugin, but still the same problem. Will there any support for image lazy loading?

I'm not sure exactly why, but I was getting errors using this that amounted to evt.touches being undefined. I found advice elsewhere (e.g., here http://stackoverflow.com/questions/6173382/cant-able-to-get-the-properties-of-touchstart-event) that JQuery doesn't bring the touches array to its event object and that you need to access it through originalEvent. Seems odd since you don't seem to be invoking JQuery. The app I'm using it in does, so maybe there was conflict somehow (?). Changing all instances of evt.touches to evt.originalEvent.touches did get the directive working for me.

It works fine, but in some cases the below error. specially when I want to zoom out the picture.

 Cannot read property 'clientX' of undefined