터치슬라이드 질문드립니다!

[김철준]

 

선생님 두번째 사진에서 세 번째 사진 넘어가는 것을 만들고 싶어서 추가해봤는데 넘어가긴 하는데.. 문제는 두번째 사진에서 터치로 끌 때 갑자기 1번째 사진이 나타나는데 왜그런걸까요??

[codingapple]

둘째사진을 짚고 100px만큼 움직이면

전체 컨테이너도 X축으로 100px 움직이라고 코드를 짜놔서 그런듯요 

100px 움직이면 아마 첫 사진이 보일듯요 

[김철준]

말씀듣고 $(e.target).css('transform', 'translateX('+ e.deltaX +'px)'); 으로 수정해보았더니 첫번째 사진이 안 나타나는것은 좋은데 넘길 때 하얀 공백이 나타납니다 어떻게해야될까요?!

[codingapple]

e.target으로 바꾸지 말고 e.delta 저 부분만 조절하면 될듯요 

첫 사진에 마우스 대고 100px 움직이면 translateX(100px)이 됩니다 

둘째 사진에 마우스 대고 100px 움직이면 똑같이 translateX(100px)이 됩니다 

근데 translateX(100px)은 아마 첫사진이 보이는 박스 위치같군요 

둘째 사진에 마우스 대고 100px 움직이면 translateX(100 + 첫사진길이 px) 이렇게 되어야하지않을까요 

 

[글쓴이]

글