Hammer.js 로 슬라이드 만들기 강의 질문 있습니다!

[Jun]

안녕하세요 열심히 배워보고있는 바보입니다!

 

이어진 강의를 잘 따라갔고 첫번째 슬라이드를 넘길순있었습니다만

두번째 이미지에서 세번째 이미지로 넘어가는 부분에서도 막히고

두번째 이미지에서 첫번째 이미지로 되돌리는 부분도 전부 첫번째 사진에서 시작합니다..ㅠ

if ( e.deltaX < -1 ){
$('.slide-container').css('transform', 'translateX('+ e.deltaX + 'px)');

이 줄을 손 봐야하는것같은데 전혀 감을 못 잡겠습니다..

몇시간 붙들고있다가 도저히 아닌 것 같아 게시글 남깁니다!

[codingapple]

 e.deltaX 는 드래그시 이동거리인데 

2번 사진을 움직일 때 만약에 우측으로 100 만큼 드래그했으면

'translateX(100px)' 이 되어서 1번 사진이 보이겠군요 

2번사진 움직일 때는 100에다가 뭔가 더해주면 될듯합니다 

[글쓴이]

글