시작페이지로 즐겨찾기추가
로그인
회원가입 l 출석체크 l 마이페이지 l CGIMALL
happycgi
자료실 사이트등록 랭킹100 프로그램리뷰 관리자추천자료 초보가이드
커뮤니티
전체 펼쳐보기
퀵메뉴링크 jquery , CSS , PHP , Javascript , 무료폰트 , ASP
상세검색
 > JAVASCRIPT > javascript 소스창고 > 슬라이더 > Swiper 모바일 터치 슬라이더 상세정보
사이트등록
클라우드태그
Javascript
PHP
html
css
mysql
메뉴
jquery
asp
image
slide
Mobile
게시판
무료폰트
현재접속자 새로고침
Swiper 모바일 터치 슬라이더
소스통계정보 오류신고 및 문의
해피팀
네티즌
트위터로 보내기 페이스북으로 보내기
소스분류 슬라이더
다운로드 횟수 16 회
간단설명 모바일 웹, 모바일 앱에 사용하기 위해 최대한 만든 슬라이더 입니다.
평가하기 훌륭함 매우좋음 좋음 괜찮음 보통 별로
홈페이지바로가기 소스다운로드 데모 미리보기 스크랩하기
   

Swiper는 하드웨어 가속 전환 및 놀라운 기본 동작을 갖춘 가장 현대적인 무료 모바일 터치 슬라이더입니다. 
 
모바일 웹사이트, 모바일 웹 앱, 모바일 네이티브/하이브리드 앱에서 사용하기 위한 만들었습니다.
 
모든 플랫폼과 호환되지 않으며 최고의 경험과 단순성을 제공하기 위해 최신 앱/플랫폼에만 초점을 맞춘 최신 터치 슬라이더입니다.

라이센스는 MIT 라이센스 입니다. 




기본적인 사용방법

1. 라이브러리 호출
 
  
2. 슬라이드 콘테이너 추가

  
3. 슬라이드 초기화 및 실행



위의 3가지 과정으로 가장 심플한 슬라이더를 호출 할 수 있습니다. 
그 외에도 demos 폴더를 보면 많은 데모 자료가 있으니 하나씩 실행해 보는 것도 재미가 되네요.

단, 데모 자료는 모두  NPM 방식을 기준으로 작성되어 있습니다.
NPM 방식을 사용하지 않는 분은 아래 링크의 CDN 방식 내용을 보시고 적용하시면 됩니다. 
https://swiperjs.com/get-started




 

네티즌 의견   이용하신 자료의 후기를 자유롭게 작성하세요. (상업적인 광고 및 도배성 글 등은 사전통보없이 삭제될 수 있습니다.)
내용 아이디 의견남기기
등록된 의견이 없습니다.
1
이름
내용
:네맞아요: :화나는군요: :잠와: :우울해: :이건아냐: :왕하하: 왕웃음~ 놀램~
평가하기 훌륭함 매우좋음 좋음 괜찮음 보통 별로
도배방지키
 85343981 보이는 도배방지키를 입력하세요.