Question

我正在使用Photo Swipe来显示我的图片。使用它时的默认行为是，一旦点击图像，我就可以将我带到放大照片的“放大页面”，我可以通过滑动逐个查看它们。

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

Answer 1

此处描述的所有解决方案对我都不起作用。这是一个完整的解决方案，可以关闭缩放。

设定：

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

Gallery init：

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

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

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

Answer 2

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

gallery.init();

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

Answer 3

要禁用缩放，您必须设置

allowUserZoom = false

禁用放大以进行照片滑动

3 个答案: