禁用放大以进行照片滑动

Question

我正在使用照片滑动来显示我的图像.使用它时的默认行为是,一旦点击图像,我将能够将我带到放大照片的"放大页面",我可以通过滑动逐个查看它们.

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

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
}

Answer 2

该选项allowUserZoom在文档中不存在 您可以item.initialZoomLevel通过设置maxSpreadZoom为相同的 initialZoom返回并减少展开（缩放）手势来禁用双击缩放：

gallery.init();

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