캐러셀 스와이프 질문드립니다.

[서준표]

2번쨰 3번쨰 이미지도 잡아 끌 수 있게 하려는데,

$('.slide-box').eq(0).on('mousedown', function(e){
        시작좌표 = e.clientX; 
        누름 = true;
      });

      $('.slide-box').eq(0).on('mousemove', function(e){  
        이동좌표 = e.clientX; 
        이동 = 이동좌표 - 시작좌표  
        
        if (누름 == true) {
          $('.slide-container').css('transform', `translateX(${이동}px)`);
        }   
      });

      $('.slide-box').eq(0).on('mouseup', function(e){
        누름 = false;
        if (이동 < -100){
          $('.slide-container').css('transition', 'all 0.5s')
          $('.slide-container').css('transform', 'translateX(-100vw)');
        }
        else if (이동 > 0) {
          $('.slide-container').css('transition', 'all 0.5s')
          $('.slide-container').css('transform', 'translateX(0vw)')
        }       
        else {
          $('.slide-container').css('transition', 'all 0.5s')
          $('.slide-container').css('transform', 'translateX(0vw)');
        }

        setTimeout(() => {
          $('.slide-container').css('transition', 'none')
        },500)
      });

복붙하고 eq()만 수정해줬더니 2번쨰 이미지 움직일 떄마다, 첫번째 이미지로 돌아갑니다.
아마, 

if (누름 == true) {
          $('.slide-container').css('transform', `translateX(${이동}px)`);
        }   

요 부분에서 trasnslateX 값이 0이 되서 첫번쨰 이미지로 돌아가는거 같은데,
어떻게 해결 할 수 있을까요?

[codingapple]

둘째사진을 100px 잡아끌면 
$('.slide-container').css('transform', `translateX(100px)`); 이게 실행될 것 같은데 
이건 첫째사진이 보이는 좌표같군요

[글쓴이]

글