일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
Tags
- #뉴스
- 홈페이지
- 해피CGI
- 게시판
- happycgi
- #홈페이지
- jquery
- 해피씨지아이
- #업종별
- #홈페이지제작
- CSS
- 사이트제작
- 웹솔루션
- php
- 솔루션
- 홈페이지제작
- 쇼핑몰
- #동영상
- #솔루션
- #해피CGI
- #cgimall
- #이미지
- #CSS
- CGIMALL
- #image
- #happycgi
- #웹솔루션
- #jQuery
- javascript
- #쇼핑몰
- Today
- Total
웹솔루션개발 22년 노하우! 해피CGI의 모든것
[해피CGI][cgimall] High-performance Swiper In jQuery - SwipeScroll 본문
웹프로그램밍 자료실/JAVA 자료
[해피CGI][cgimall] High-performance Swiper In jQuery - SwipeScroll
해피CGI윤실장 2020. 5. 26. 09:05태블릿 및 모바일 장치에서 스와이프 이벤트를 이용해서 스크롤 할수 있는 jquery 스위퍼 플러그인입니다.
다운로드 받은 압축파일을 해제해서
examples/index.html
examples/carousel-css3.html
두개의 파일을 웹브라우저로 열어보면 확인이 가능합니다.
모바일이나 태블릿에서 스와이프 이벤트를 이용해서
컨텐츠를 상,하,좌,우 스크롤링 할때 적당합니다.
이런 화면을 제작하는 방법이
일단 많은 컨텐츠를 먼저 만들어야 해서,
조금은 까다로운 편인거 같네요.
특이사항으로는
swipescroll 을 생성할 때 지정할 수 있는 몇가지 옵션이 있습니다.
그 외에는
스와이프 이벤트중과, 이벤트의 헨들러가 있네요
태블릿이나,
모바일 기기에서 많은 컨텐츠를 표시해야 할 때 유용해 보입니다.
'웹프로그램밍 자료실 > JAVA 자료' 카테고리의 다른 글
[해피CGI][cgimall] SVG 기반 별점 Jquery 플러그인 - star-rating-svg.js (0) | 2020.06.04 |
---|---|
[해피CGI][cgimall] 숫자 범위내 셀렉트박스 옵션 자동 추가 Jquery 플러그인 - selectrange.js (0) | 2020.06.03 |
[해피CGI][cgimall] 반응형 이미지 갤러리 GammaGallery (0) | 2020.05.19 |
[해피CGI][cgimall] jQeury 를 이용한 슬라이드(3D 효과) (0) | 2020.05.15 |
[해피CGI][cgimall] Multifunctional Select Replacement Plugin For jQuery - Selectator (0) | 2020.05.13 |
Comments