touchSwipe 을 사용해봤습니다.
실제 그누보드에 적용중인곳은
http://www.coffeen.kr/bbs/board.php?bo_table=best&wr_id=9
(작업중이라 언제 깨질지 모르는링크.. coffeen.kr 에서 갤러리에 구현할껍니다.)
마우스 나 터치로 이미지를 좌우로 움직여보면 이전/다음글로 이동됩니다.
위로 올리면 목록. 아래로 내리면 화면 하단.. 뭐그런식에요
PC에서도 잘되고 모바일에서도 잘되고 관련 정보는 아래 링크 참고하세요.
데모와 소스는 https://github.com/mattbryson/TouchSwipe-Jquery-Plugin
적용하다보니 이런 문제점이 있네요.
1. pc에서는 그닥 비추천 ... 조금 편하긴하네요. 마우스로 움직이면 이전/다음으로 이동되니까
2. 이미지 클릭시 팝업으로 뜨는 루틴을 제거해야합니다.
이동영역에 클릭하는 부분이 있으면 touchSwipe 가 동작이 안되네요.
결국 읽기 본문에는 이미지 링크를 제거하여 해결했는데,
3. 이미지가 큰경우 아래로 스크롤이 안됩니다.
이부분은 우측상단에 touchSwipe disable 버튼으로 임시 해결..
(방법이 있을텐데)
4. 목록부분에서는 이전페이지/다음페이지로 이동하게 하렸더니.
링크가 다 있어서.. ㅠㅠ
5. 결국 링크를 제거하던가.. (그럼 글은 어떻게 보나..)
onclick 이 아니라 마우스를 땔떼 링크로 이동하게 하거나..
결론은 테러보이님 같은 고수의 손길이 필요하다는...
저같이 둔한 개발자의 터치는 거부하는 얄미운 touchSwipe~~
깔끔한 그누보드 플로그인이 나올때까지 기다려야 하겠습니다..
( 참고로 본 개발사이트에서 사용중인 jquery.touchSwipe.min.js 는 8k 인데 배포되는것은 45K byte 입니다.
차이가 이케 나는이유를 모르겠네요.. 그냥 개발자 홈페이지거 복사해서 사용했습니다.^^)
댓글 2개
Terrorboy
11년 전
http://stephband.info/jquery.event.swipe/
이게 가장 좋더군요 ㅎㅎ
이게 가장 좋더군요 ㅎㅎ
11년 전
^^ 시도해봐야겠군요.
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 7030 | 11년 전 | 1430 | ||
| 7029 |
 Terrorboy |
11년 전 | 3254 | |
| 7028 |
Terrorboy |
11년 전 | 1158 | |
| 7027 | 11년 전 | 1020 | ||
| 7026 | 11년 전 | 2101 | ||
| 7025 |
어려워요잉
|
11년 전 | 2752 | |
| 7024 | 11년 전 | 2112 | ||
| 7023 | 11년 전 | 3153 | ||
| 7022 |
Shhhh
|
11년 전 | 1547 | |
| 7021 |
 LaRuota |
11년 전 | 3288 | |
| 7020 | 11년 전 | 798 | ||
| 7019 |
막돼먹은영애
|
11년 전 | 1091 | |
| 7018 | 11년 전 | 1971 | ||
| 7017 | 11년 전 | 2332 | ||
| 7016 | 11년 전 | 1037 | ||
| 7015 | 11년 전 | 2840 | ||
| 7014 | 11년 전 | 3034 | ||
| 7013 | 11년 전 | 1521 | ||
| 7012 |
Terrorboy |
11년 전 | 2205 | |
| 7011 | 11년 전 | 1055 | ||
| 7010 | 11년 전 | 1409 | ||
| 7009 |
Terrorboy |
11년 전 | 1093 | |
| 7008 | 11년 전 | 2280 | ||
| 7007 | 11년 전 | 2195 | ||
| 7006 |
Terrorboy |
11년 전 | 1185 | |
| 7005 | 11년 전 | 5319 | ||
| 7004 | 11년 전 | 2369 | ||
| 7003 | 11년 전 | 3084 | ||
| 7002 | 11년 전 | 1937 | ||
| 7001 | 11년 전 | 989 | ||
| 7000 | 11년 전 | 2060 | ||
| 6999 |
LaRuota |
11년 전 | 2181 | |
| 6998 | 11년 전 | 1897 | ||
| 6997 |
네이비칼라
|
11년 전 | 1510 | |
| 6996 | 11년 전 | 970 | ||
| 6995 |
Terrorboy |
11년 전 | 1871 | |
| 6994 | 11년 전 | 2589 | ||
| 6993 |
kimsdesign
|
11년 전 | 1315 | |
| 6992 |
Terrorboy |
11년 전 | 2784 | |
| 6991 | 11년 전 | 1726 | ||
| 6990 | 11년 전 | 4484 | ||
| 6989 | 11년 전 | 1868 | ||
| 6988 |
네이비컬러
|
11년 전 | 2531 | |
| 6987 | 11년 전 | 3740 | ||
| 6986 |
잘살아보자
|
11년 전 | 1606 | |
| 6985 |
잘살아보자
|
11년 전 | 2487 | |
| 6984 | 11년 전 | 833 | ||
| 6983 |
천재조상훈
|
11년 전 | 1881 | |
| 6982 |
천재조상훈
|
11년 전 | 4515 | |
| 6981 |
천재조상훈
|
11년 전 | 1645 | |
| 6980 |
 HackYa |
11년 전 | 1895 | |
| 6979 |
 iwebstory |
11년 전 | 769 | |
| 6978 |
잘살아보자
|
11년 전 | 1160 | |
| 6977 |
잘살아보자
|
11년 전 | 1476 | |
| 6976 |
잘살아보자
|
11년 전 | 1586 | |
| 6975 |
천재조상훈
|
11년 전 | 1498 | |
| 6974 |
잘살아보자
|
11년 전 | 2240 | |
| 6973 |
잘살아보자
|
11년 전 | 1168 | |
| 6972 |
잘살아보자
|
11년 전 | 3078 | |
| 6971 |
잘살아보자
|
11년 전 | 3283 | |
| 6970 |
잘살아보자
|
11년 전 | 1854 | |
| 6969 |
잘살아보자
|
11년 전 | 4787 | |
| 6968 | 11년 전 | 9916 | ||
| 6967 |
 매직크레용 |
11년 전 | 2647 | |
| 6966 |
매직크레용 |
11년 전 | 1120 | |
| 6965 | 11년 전 | 3271 | ||
| 6964 | 11년 전 | 2596 | ||
| 6963 | 11년 전 | 2113 | ||
| 6962 |
star3840
|
11년 전 | 1026 | |
| 6961 | 11년 전 | 4252 | ||
| 6960 |
iwebstory |
11년 전 | 743 | |
| 6959 | 11년 전 | 1267 | ||
| 6958 |
 devdev |
11년 전 | 1683 | |
| 6957 | 11년 전 | 1913 | ||
| 6956 |
잘살아보자
|
11년 전 | 1864 | |
| 6955 | 11년 전 | 4636 | ||
| 6954 | 11년 전 | 1638 | ||
| 6953 |
잘살아보자
|
11년 전 | 891 | |
| 6952 |
잘살아보자
|
11년 전 | 2056 | |
| 6951 | 11년 전 | 1624 | ||
| 6950 | 11년 전 | 2624 | ||
| 6949 |
잘살아보자
|
11년 전 | 903 | |
| 6948 | 11년 전 | 1570 | ||
| 6947 | 11년 전 | 1481 | ||
| 6946 | 11년 전 | 1627 | ||
| 6945 | 11년 전 | 1234 | ||
| 6944 | 11년 전 | 1199 | ||
| 6943 | 11년 전 | 1243 | ||
| 6942 | 11년 전 | 1595 | ||
| 6941 | 11년 전 | 1672 | ||
| 6940 | 11년 전 | 1764 | ||
| 6939 | 11년 전 | 1673 | ||
| 6938 | 11년 전 | 1956 | ||
| 6937 | 11년 전 | 1167 | ||
| 6936 | 11년 전 | 1368 | ||
| 6935 | 11년 전 | 1312 | ||
| 6934 | 11년 전 | 1478 | ||
| 6933 | 11년 전 | 1990 | ||
| 6932 | 11년 전 | 1549 | ||
| 6931 | 11년 전 | 1552 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기