向下滑动时关闭照片滑动窗口

【问题标题】：Close Photoswipe window on swipe down向下滑动时关闭照片滑动窗口
【发布时间】：2012-11-26 02:52:59
【问题描述】：

这个问题有点具体，但我已经实现了 Photoswipe (http://www.photoswipe.com) 图片库，并且希望在用户向下滑动时关闭全屏查看器。

已经存在与查看上一张/下一张图像相关的左右滑动事件，以及具有我正在寻找的相同功能的关闭按钮。

向下滑动 = 关闭全屏查看器。

【问题讨论】：

【解决方案1】：

使用未压缩的code.photoswipe-x.x.x.js。找到处理不同手势的函数 onUILayerTouch。在这里添加一个案例，就像 swipeRight 或 swipeLeft：

case Util.TouchElement.ActionTypes.swipeUp:
    this.destroyZoomPanRotate();
    this.hide();
    this.toggleToolbar();
    break;

【讨论】：

【解决方案2】：

我要补充一些与 OP 的问题不完全相关的内容，但我认为它仍然相关。

我正在寻找一种在verticalDrag上禁用PhotoSwipe close的方法，这就是我禁用它的方法。

var options = {
    closeOnVerticalDrag: false,
    //...
}

另外请注意，使用鼠标时该功能被禁用，参考：

垂直拖动和未缩放图像时关闭图库。使用鼠标时始终为 false。

【讨论】：