event-handling - 向下滑动时关闭照片滑动窗口

Question

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

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

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

Answer 1

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

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

Answer 2

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

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

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

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

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

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