터치 이미지 슬라이드 관련 참고 자료
jQueryMobile의 swipteleft, swipright를 쓰지 않고 모바일에서 손가락 터치에 반응하도록 구현 방법입니다. jQuery 터치 이벤트 중 하나인 touchstart와 touchmove를 사용하면 간단합니다. nextSlide를 다음 화면으로 슬라이드 하는 이벤트, prevSlide를 이전 화면으로 슬라이드하는 이벤트라 가정해 보면 아래 같이 간단하게 구현할 수 있습니다. var startX = {}; var endX = {}; $slider.on({ 'touchstart': function(e){ startX = event.touches[0].pageX; }, 'touchmove': function(e){ endX = event.touches[0].pageX; var fnX = st..
2013년 11월 20일