2017-10-20 108 views
1

我有隻包含圖像的幻燈片。縮放功能無法正常工作,我認爲滑動sw the的問題。所以,我想禁用刷卡,如果在變焦禁用swiper如果圖像放大離子2

我現在的形象這是我的HTML代碼

<ion-slides pager='false' zoom='true' spaceBetween='5'> 
    <ion-slide *ngFor="let noteImg of notesImagesList | async"> 
     <div class="swiper-zoom-container"> 
      <img src="{{noteImg.url}}"> 
     </div> 
    </ion-slide> 
</ion-slides> 

重要提示我不知道是從變焦幻燈片圖像的問題刷卡或沒有,但如果沒有,希望ü瞭解我,我怎樣才能使我的幻燈片支持沒有問題放大,如手機的畫廊(如果可能)

回答

0

我們用離子幻燈片與ionic-img-viewer一起來nd工作沒有問題。

<ion-slides pager='false' zoom='true' spaceBetween='5'> 
    <ion-slide *ngFor="let noteImg of notesImagesList | async"> 
     <img src="{{noteImg.url}}" imageViewer="{{noteImg.url}}"> 
    </ion-slide> 
</ion-slides>