更新

我进行了一些重大修改，可以更好地控制触摸事件.您现在可以为 X 和 Y 轴设置触摸持续时间、距离和阈值的最小值/最大值.

此外，现在图像已预加载，以便在图像之间实现更平滑的过渡.

我已经基于触摸事件touchstart 和touchend，水平和垂直地制作了这个相当复杂的代码.该代码捕获触摸事件，然后将它们解释为向上、向右、向下和向左滑动.

根据滑动方向与 .animate() 交换图像.向上和向左滑动，加载数组中的下一张图片；向下和向右加载以前的.

不知何故冗长，并且有太多的改进空间.例如，您可以计算 touchstart 和 touchend 两个事件之间经过的时间，以确保触摸足以触发自定义滑动.

我将通读代码的主要部分以获得更多解释.

HTML

<div类=内部"><!-- 图像放在这里-->