캐러셀 스와이프기능 질문입니다

[이재륜]

var 시작좌표=0;
    var 눌렀냐 = false;
    var 이동거리=0;
    for (var i=0; i<$('.slide-box').length; i++){
      $('.slide-box').eq(i).on('mousedown', function(e){
      시작좌표 = e.clientX;
      눌렀냐 = true;  
    })

    $('.slide-box').eq(i).on('mousemove', function(e){
      if (눌렀냐 == true){
        $('.slide-container').css('transform', `translateX(${e.clientX-시작좌표}px)`);
        이동거리 = e.clientX-시작좌표;
      }
    })

    $('.slide-box').eq(i).on('mouseup', function(e){
      눌렀냐 = false;
      if (이동거리<=-100){
        $('.slide-container').css('transform', `translate(${-100*(i+1)}vw)`);
      }else {
        $('.slide-container').css('transform', `translate(${-100*i}vw)`);
      }
    })
    }

반복문을 썼는데 틀린이유가 궁금합니다

[이재륜]

var을 let으로 바꾸긴했는데 그래도 문제가 생깁니다.

[codingapple]

 $('.slide-container').css('transform', `translateX(${e.clientX-시작좌표}px)`); 수치가 이상해서
둘째사진 mousemove할 때 뭔가 첫사진이 보일거같군요

[글쓴이]

글