터치슬라이드 질문있습니다.

[김이주]

이렇게 했는데 첫번째 사진에서는 e.deltaX가 마우스 클릭한체로 움직이면 사진이 마우스 따라 왔다갔다 잘하는데, 두번째 사진에서는 마우스 클릭한체로 움직여도 사진 가만히 있도 마우스 클릭때면 3번째 사진이 나오는것만 잘됩니다.. 뭐가 문제일까요?

[codingapple]

지금보이는사진이 2일 때 translateX( + e.deltaX + px) 를 해주는 코드를 작성안해서 그렇습니다 

1일때는 잘 되어있군요  

[김이주]

이렇게 짜면 되야하지 않을까요?... ㅠㅠ

 

[codingapple]

-20 만큼 왼쪽으로 드래그하면 

전체사진은 -120px 만큼 움직여서 그냥 첫사진만 보이거나 그러겠군요 

'translateX( calc(-100vw + '+e.deltaX+'px) )'

둘째사진 드래그시엔 이렇게 쓰거나 해야합니다

근데 지금 큰 전체 박스 드래그시 코드실행하라고 했는데 저럴 경우 안에 있는 이미지를 드래그하면 잘 안될 수 있습니다 개별 이미지에 부여하는게 좋을 수 있습니다 

[김이주]

px 단위와 vw 단위를 같다고 생각하고 있었네여 ;; 응용으로 우측 슬라이드도 만들어 보았습니다 🙂

[글쓴이]

글