Html 禁用照片滑动的放大功能

我用它来显示我的图像。使用它时的默认行为是，单击图像后，我将能够进入一个“放大页面”，在该页面中放大照片，我可以通过滑动逐个查看它们

---

我试图覆盖此行为，因为我想在用户单击图像后执行其他操作

要禁用缩放，必须设置

allowUserZoom = false

---

中不存在选项

allowUserZoom

您可以通过返回

项来禁用双击缩放。initialZoomLevel

并通过将

maxSpreadZoom

设置为相同的initialZoom来减少展开（缩放）手势：

gallery.init();

gallery.options.maxSpreadZoom = gallery.getZoomLevel();
gallery.options.getDoubleTapZoom = function(isMouseClick, item) {
    return item.initialZoomLevel;
}

---

这里描述的所有解决方案都不适用于我。下面是一个关闭缩放的完整解决方案

设置：

var options = {
    // Gallery options
    maxSpreadZoom: 1,
    getDoubleTapZoom: function (isMouseClick, item) {
        return item.initialZoomLevel;
    },
    // UI options
    zoomEl: false
};

画廊初始化：

var gallery = new PhotoSwipe(pswpElement, PhotoSwipeUI_Default, items, options);
// ...

最后添加此CSS片段以禁用缩放光标：

.pswp--zoom-allowed .pswp__img {
    cursor: default !important
}

---

Photosweep 4的源代码中不存在

allowUserZoom

。