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

Question

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

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

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

Answer 1

使用未压缩的代码.photoswipe-x.x.x.js。在UILayerTouch上找到处理不同手势的函数。在这里，您可以添加一个案例，就像向右滑动或向左滑动一样：

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

Answer 2

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

我一直在寻找一种禁用垂直拖动时关闭 PhotoSwipe 的方法，这是我禁用它的方式。

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

另请注意，使用鼠标时禁用此功能，请参阅：

http://photoswipe.com/documentation/options.html

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