[JavaScript] Swiper 구버전 Demo, API 확인하기
Lpla
·2021. 10. 11. 18:05
최근 Swiper가 7 버전으로 업그레이드됐다.
그래서 현재 공식 사이트에 접속하면 최신 버전의 demo와 api 자료를 확인할 수 있다.
Swiper는 다른 슬라이더 라이브러리에 비해서 피드백도 빠르고 업데이트도 빠른 점이 좋다. (너무 빨라서 문제다.)
문제는 예전에 작업한 사이트의 Swiper를 수정하고자 할 때 참고할 수 있는 페이지가 없다는 점이다.
이미 공식 api 페이지나 demo 페이지는 7 버전을 기준으로 업데이트되었고 구버전은 확인할 수 없다.
대부분은 최신 api를 참고하여 작업해도 문제 되지 않겠지만 위험성을 언제나 갖고 있는 것이다.
아쉽게도 Swiper 측은 신버전이 나오면 구버전은 더 이상 지원하지 않는다고 한다.
Github를 보면 Swiper 5 버전의 API가 있는데 어째선지 6 버전 API는 없다.
GitHub - nolimits4web/swiper: Most modern mobile touch slider with hardware accelerated transitions
Most modern mobile touch slider with hardware accelerated transitions - GitHub - nolimits4web/swiper: Most modern mobile touch slider with hardware accelerated transitions
github.com
다행히 아주 방법이 없는 것은 아니고 일종의 편법으로, 사이트를 저장해두는 아카이브 사이트를 이용하면 된다.
Swiper Demos
Swiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior.
web.archive.org
Swiper API
Swiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior.
web.archive.org
여기서 과거 6 버전 자료를 확인할 수 있다.
찾는 김에 4, 5버전도 찾아봤다.
Swiper API
Swiper API Improve this Doc Swiper Full HTML Layout Slide 1 Slide 2 Slide 3 ... Initialize Swiper Now, when we have Swiper's HTML, we need to initialize it using the following function: new Swiper(swiperContainer, parameters)- initialize swiper with option
web.archive.org
Swiper Demos
web.archive.org
Swiper Demos
web.archive.org
Swiper API
Swiper API Improve this Doc Swiper Full HTML Layout Slide 1 Slide 2 Slide 3 ... Initialize Swiper Now, when we have Swiper's HTML, we need to initialize it using the following function: new Swiper(swiperContainer, parameters)- initialize swiper with option
web.archive.org
아카이브 사이트는 속도가 조금 느리긴 하지만 지금으로선 이 방법이 최선이 아닐까 싶다.
위에서 말했던 것처럼 Swiper 5 버전 이하는 Github에 API 자료가 남아 있으니 Github를 참고해도 좋다.
