如何禁用PhotoSwipe JS库中点击图片的缩小功能？

当然可以实现你想要的效果！从你给出的代码来看，你已经做了不少基础配置来限制缩放行为，但还需要额外拦截点击图片时的默认缩放逻辑，才能完全禁止缩小操作。

关键配置补充与修改 #

你当前的options里已经设置了zoomEl: false（隐藏缩放控件）、getDoubleTapZoom: () => 1（禁用双击缩放）、pinchToClose: false（禁用捏合关闭），这些都没问题。但PhotoSwipe默认会监听图片区域的点击事件，来切换缩放状态（从放大到缩小），所以我们需要阻止这个默认行为。

具体做法是在gallery.init()之后，添加一个tap事件的监听器，拦截图片点击时的缩放动作：

var openPhotoSwipe = function(index) {
  var pswpElement = document.querySelectorAll('.pswp')[0];
  var options = {
    history: false,
    focus: false,
    showAnimationDuration: 0,
    hideAnimationDuration: 0,
    zoomEl: false,
    maxSpreadZoom: 1,
    getDoubleTapZoom: function(isMouseClick, item) {
      return 1;
    },
    pinchToClose: false,
    // 可选：如果不需要左右滑动切换图片，可添加此配置进一步限制交互
    allowPanToNext: false
  };
  
  var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items, options);
  
  gallery.init();
  gallery.goTo(index);
  gallery.applyZoomPan(1, 0, 0);
  
  // 拦截tap事件，阻止默认的缩放切换逻辑
  gallery.listen('tap', function(e) {
    // 判断点击目标为当前图片容器时，阻止默认行为
    if (e.target === gallery.currItem.container) {
      e.preventDefault();
    }
  });
};

代码说明 #

1. allowPanToNext: false：（可选配置）如果你不希望用户通过滑动切换到下一张图片，可以加上这个配置，进一步锁定交互范围。
2. gallery.listen('tap', ...)：通过监听PhotoSwipe的tap事件，当点击事件的目标是当前图片容器时，调用e.preventDefault()直接阻止默认的缩放切换逻辑，这样用户点击放大后的图片就不会触发缩小操作了。
3. 你原本的applyZoomPan(1, 0, 0)已经确保图片一开始就处于原始尺寸（1倍缩放），结合上面的事件拦截，用户就只能通过关闭按钮（X）退出图片查看状态。

这样配置后，就能完全实现你期望的交互效果。

内容的提问来源于stack exchange，提问作者Paulius Vitkus