向下滑动关闭Photoswipe窗口

Question

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

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

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

Answer 1

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

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

Answer 2

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

我一直在寻找一种方法来禁止在verticalDrag上关闭PhotoSwipe，这就是我禁用它的方法。

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

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

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

  

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