指针未正确引用图像库触摸算法的位置

时间:2017-02-22 20:29:49

标签: javascript swipe

我正在移动设备上实施照片库,并且在用户swipes rightswipes left时正在处理排序algorirthm。

我的理解是我应该保持一个指针位置来跟踪我的位置。我也有一个pos变量bc我认为id需要知道位置点但我相信不需要pos变量

这是我目前的代码:

var cnt=0;var ptr=0;var pos=0;
var total=10;
function newimageshow(dir){
  if(dir=='ltr'){
    if(pos==0){
      ptr=total-1;
   } else {
      ptr--;
   }
  } else {
    if(pos==0){
     ptr=0;
    } else {
     ptr++;
    }
  }
  if(pos==(total-1)){
    pos=0;
  } else {
    pos++;
  }
  alert(dir+" Ptr: "+ptr);
}

newimageshow('ltr');  // on swipe left;
newimageshow('rtl');  // on swipe right

这是完全错误的,但是我的第一次尝试。

基本上,这是应该发生的事情:

0 - 画廊的初始加载,指针为0

1 - 用户向右滑动,指针应为1

2 - 用户向左滑动,指针应为0

3 - 用户向左滑动,指针应为9(总计1)

4 - 用户向左滑动,指针应为8

5 - 用户向右滑动,指针应为9

6 - 用户向右滑动,指针应为0

7 - 用户向右滑动,指针应为1

7 - 用户向右滑动至总计1,指针应为9

8 - 用户向右滑动,指针应为0

1 个答案:

答案 0 :(得分:0)

function newimageshow(dir){
  if(dir=='ltr'){
   if(ptr==0){
    ptr=total-1;
   } else {
    ptr--;
  }
 } else {
  if(ptr==(total-1)){
    ptr=0;
   } else {
    ptr++;
  }
 }
 var img=document.getElementById("imggall");
 img.src="/img/gall1/"+imgs[ptr];
}