4

How can we disable the zooming function of ion-slides in Ionic 4, I already tried adding zoom="false" input on ion-slides element but it's not working, when I am double tapping on the screen it's still zooming the image and breaking the design.

Tomislav Stankovic
  • 3,080
  • 17
  • 35
  • 42
Mohammed Rafeeq
  • 49
  • 1
  • 9

1 Answers1

13

You can disable zoom using below code in options of ion-slides in your ts file.

  slideOpts = {
    zoom: false
  };


  <ion-slides [options]="slideOpts">
      <ion-slide>..</ion-slide>
  </ion-slides>
Darshana
  • 662
  • 1
  • 10
  • 29
  • Is there any way to check current zoom scale? I have set max ratio as below, but while zooming, I am not getting current scale? `sliderOpts = { zoom: { maxRatio: 5 } };` – Mitesh Shah Feb 04 '21 at 06:46