CMS솔루션마켓, 이온디 - 워드프레스, 라이믹스, 카페24, 그누보드, 엑셀

프리랜서 커뮤니티

이 팁은 터치슬라이드이긴 한데, 터치 이벤트 쪽에 팁이 많음..


#터치슬라이드 #터치이벤트


1) jQuery 터치 슬라이드 간편용

#jquery.touchslider #jquery.event.drag
http://blog.naver.com/bigdead/220178246744

https://jsfiddle.net/eond/jp1t0r5c/1/ 


2) jquery 터치 슬라이드

http://stackoverflow.com/questions/4755505/how-to-recognize-touch-events-using-jquery-in-safari-for-ipad-is-it-possible


3) dohoons

http://beone.tistory.com/536


4) 자바스크립트 터치&마우스 슬라이드(1차 완성) & (2차완성)

[출처] 자바스크립트 터치&마우스 슬라이드(1차 완성)|작성자 Roka

http://blog.naver.com/the602/220064835615

http://blog.naver.com/the602/220065840782

 

5) [JQuery] 소스정리 : 터치 슬라이드 (모바일 겸용) 

[출처] [JQuery] 소스정리 : 터치 슬라이드 (모바일 겸용)|작성자 규

http://blog.naver.com/mobilism/70150817964

 

6) [tip] jQuery 터치 이벤트 사용시 event.touches가 undefined 일때
http://august5pm.tistory.com/30


7) 기타 - 검색 아이콘 변경(이건 왜..) 

http://codepen.io/mattbraun/pen/eNwmJG


8) [jQuery] 제이쿼리를 사용한 드래그, 터치 이미지 슬라이드 샘플

http://ryuseunghyun.tistory.com/4185


9) [HTML5+CSS3]제이쿼리(jQuery)와 Swipe JS 파일을 활용한 터치슬라이드 갤러리 소스
http://ryuseunghyun.tistory.com/category/Information/html+css
touchSlide.zip 

http://ryuseunghyun.tistory.com/2751
swipeGallery.zip


10) [HTML5+CSS3]모바일에서 터치, 슬라이드 모션 구현에 유용한 자바스크립트 라이브러리
http://ryuseunghyun.tistory.com/2750
Swipe-master.zip

http://swipejs.com


11) 터치해서 쓸어 넘기기를 해주는 jQuery 라이브러리
http://opencode.co.kr/bbs/board.php?bo_table=jquery_tips&wr_id=103
부트스트랩 3.0에 터치 기능을 추가하는 것에 대한 게시글
http://lazcreative.com/blog/adding-swipe-support-to-bootstrap-carousel-3-0/

1. jQuery mobile의 touch 기능 (touch lib만 빼서 쓰라는...)
2. hammer.js
고작 3k. jQuery가 없어도 동작한다는...ㄷㄷㄷ
http://eightmedia.github.io/hammer.js/
3. touch swipe plugin
http://labs.rampinteractive.co.uk/touchSwipe/demos/

설명자료
http://labs.rampinteractive.co.uk/touchSwipe/docs/symbols/%24.fn.swipe.html

Features

  • Detects swipes in 4 directions, "up", "down", "left" and "right"
  • Detects pinches "in" and "out"
  • Supports single finger or double finger touch events
  • Supports click events both on the touchSwipe object and its child objects
  • Definable threshold / maxTimeThreshold to determin when a gesture is actually a swipe
  • Events triggered for swipe "start","move","end" and "cancel"
  • End event can be triggered either on touch release, or as soon as threshold is met
  • Allows swiping and page scrolling
  • Disables user input elements (Button, form, text etc) from triggering swipes

12) jQuery.event.swipe
http://stephband.info/jquery.event.swipe/

http://sir.co.kr/bbs/board.php?bo_table=pg_talk&wr_id=7493


ps. 남들은 쉽게 하나만 찾으면 그걸 사용하면 되는데 저는 뭐든 다 찾아봐야 직성이 풀리나봅니다.
그래도 조금이라도 뭐가 더 낫겠지 하는 걸 찾아보는 희한한 성격이 있어서 제 스스로가 다 피곤하네요.

(정리라도 좀 잘하지! ㅠ)

추천한 사람

 
댓글은 로그인 사용자만 작성 가능합니다. 로그인하기