【问题标题】:Disable swiper if image zoomed in ionic 2如果图像放大 ionic 2,则禁用 swiper
【发布时间】:2017-10-20 15:12:19
【问题描述】:

我的幻灯片只包含图像。缩放功能无法正常工作,我认为是滑动滑动器的问题。所以,如果我当前的图像放大,我想禁用滑动

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

重要提示我不确定是否是从幻灯片滑动器缩放图像的问题,但如果不是,希望你了解我如何使我的幻灯片支持缩放而不会出现诸如手机图库(如果可能)

【问题讨论】:

    标签: image ionic2 slider zooming gallery


    【解决方案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>
    

    【讨论】:

      猜你喜欢
      • 2017-03-04
      • 1970-01-01
      • 2017-01-17
      • 2017-05-23
      • 1970-01-01
      • 2022-12-05
      • 2022-09-26
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多