html - 禁用放大照片滑动

Question

我正在使用 Photo Swipe显示我的图像。使用它时的默认行为是，单击图像后，我将能够将我带到“放大页面”，其中照片被放大，我可以通过滑动来一张一张地查看它们。

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

Answer 1

此处描述的所有解决方案都不适合我。这是一个关闭缩放的完整解决方案。

设置:

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
}