如果图像在 ionic 2 中放大，则禁用刷卡器

Question

我有仅包含图像的幻灯片。缩放功能无法正常工作，我认为问题来自滑动滑动器。因此，如果我当前的图像处于缩放状态

，我想禁用滑动

这是我的 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>

Important Note I'm not sure is the problem of zooming the images from slides swiper or not but if not, wish u learn me how can I make my slides support zooming without problems such as the gallery of phone (if possible)

Answer 1

我们将 ion-slides 与 ionic-img-viewer 一起使用并且没有问题。

<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>

如果图像在 ionic 2 中放大，则禁用刷卡器

Disable swiper if image zoomed in ionic 2

image

slider

gallery

zooming

ionic2