手指滑动切换手机图片

var startY=0,endY=0,n=1,flag=false;

document.addEventListener('touchstart',function(ev){

    startY=ev.targetTouches[0].pageX;

  },false);

  document.addEventListener('touchmove',function(ev){

    endY=ev.targetTouches[0].pageX;

    flag=true;

    ev.preventDefault();

  },false);

  document.addEventListener('touchend',function(ev){

    //阻止窗口滚动条

//左滑

console.log(startY,endY);

console.log(startY-endY<-100);

if (flag) {

if (startY-endY>100) {

flag = false;

//这个地方的判断是否n达到最大值，这个最大值是你可滑动图片的数量，此次滑到最后一个，

        if (n>=3) {

          n=3;

          return;

        }

console.log(n);

$('.wonderFulChild').hide();

$('.wonderFulChild').eq(n).show();

        n++;

console.log(n);

      }

//右滑

//滑动到第一张的时候图片不能再向右滑动，

      if (startY-endY<-100) {

flag = false;

        if (n<=1) {

          n=1;

          return;

        }

n--;

$('.wonderFulChild').hide();

console.log('n',n);

$('.wonderFulChild').eq(n-1).show();

      

      }

}

  },false);

转载于:https://www.cnblogs.com/SunShineM/p/7666908.html