Consultation on images

Friends anyone know how I can put an image and the user can zoom on images? I could not find a way.


Are you looking for this? Try the following example and run $ ionic serve to see the effect:

<ion-scroll zooming="true" min-zoom="1" max-zoom="3" scrollbar-x="false" scrollbar-y="false" direction="xy" has-bouncing="false" style="width: 100%; height: 100%; margin:auto; background-color: rgba(0,0,0, .1); line-height: 0;">
      <img ng-src="" style="width: 100%; height: auto; margin: 0; max-width: 100%; max-height: 100%;">

BTW, you’d better create css class instead of inline styles :smile:

What strikes me is that the image is cut to make zoom. There is much documentation of that example but not what I want, it’s like when you see pictures on Facebook from mobile

There are several angularjs plugin you can use, listed below ;

  1. Angular Pan Zoom :
  2. Angular Image Zoom :
  3. Image zoom :

please explore :smiley:

1 Like

You might also want to try from @mhartington

1 Like