첨부파일 https://eond.com/jquery/361256

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


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


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

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

코멘트 0
접기/펴기 | 댓글 새로고침
 
 
Total 142 articles in 1 / 8 pages
번호 제목 제목 날짜날짜
공지 슬라이더 스크립트 4종 2016/07/03 0
공지 jQuery 추천 사이트 2015/06/08 0
142 [플러그인] webticker js loop 2020/07/02 0
141 [슬라이더 플러그인] glider.js autoplay 2020/06/24 0
140 [슬라이더 플러그인] bxslider 옵션 및 참조글 2018/03/02 0
139 가로 롤링 슬라이딩 배너 2020/06/06 0
138 sly.min.js 터치슬라이드 스와이프 파일 2020/05/19 0
137 [슬라이더 플러그인] 네이버 모바일 터치 슬라이드 메뉴 [1] 2020/05/13 0
136 [슬라이더 플러그인] jquery slider 비교 2018/01/01 0
135 [고급활용] 스와이프, 터치슬라이드 2016/06/19 0
현재글 [고급활용] jQuery 터치슬라이드 터치이벤트 파일 2015/08/26 0
133 [기초활용] [jQuery] toggle, if..else , switch 2018/04/27 0
132 Smooth Scrolling 2020/05/04 0
131 메뉴 클릭했을 때 스르륵 부드럽게 열리는 하위메뉴 2020/05/04 0
130 [기초활용] jquery on toggle 2017/12/20 0
129 [플러그인] 달력 스크립트 2019/10/24 0
128 jQuery 3 Bootstrap 4 Datepicker 2019/10/25 0
127 [기타 플러그인] 비밀글 jquery 더보기 2019/10/07 0
126 [슬라이더 플러그인] 비밀글 swiper slider 2019/10/05 0
125 [플러그인] Cascading Grid Gallery 2018/12/25 0
124 [기타 플러그인] jQuery Select Custom Library 2018/09/17 0
123 [플러그인] Free jQuery image viewer Plugins 2018/08/16 0

해시태그 디렉터리