웹솔루션개발 22년 노하우! 해피CGI의 모든것

[해피CGI][cgimall] Swiper 모바일 터치 슬라이더 본문

웹프로그램밍 자료실/JAVA 자료

[해피CGI][cgimall] Swiper 모바일 터치 슬라이더

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

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




기본적인 사용방법

1. 라이브러리 호출
 

  
2. 슬라이드 콘테이너 추가

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



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

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


 

Comments