편리한슬라이드 플러그인인 스와이프 슬라이드는 아마 많은분들이 사용하고 있을거라고 생각이 드는데요.
분명 크롬에서는 작동을 하는데, 익스플로러에서 작동이 안되는 경우가 있습니다.
그때의 해결방법을 알려드리겠습니다.
Swiper - The Most Modern Mobile Touch Slider
Swiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior.
swiperjs.com
swiper slider 슬라이드 익스플로러 오류 해결 방법
이유는 간단합니다. 스와이퍼 슬라이드에서 익스플로러를 이제 지원하지 않기 때문입니다.
그렇기 때문에 버젼 5부터 익스플로러 지원이 안되기 때문에 그 하위 버전의 swiper slider 를 사용해주셔야합니다.
cdnjs.com/libraries/Swipercdnjs.com/libraries/Swiper/4.5.1
위의 cdn사이트 링크에 들어가서 사용하시려는 버전, 5이하의 버전을 선택해주신 뒤
js와 css의 cdn 링크를 복사하여 넣어주시면 해결이 될 것 입니다.
아래는 파일을 다운받을 수 있는 사이트 링크입니다.
unpkg.com/browse/swiper@6.5.6/
UNPKG - swiper
swiperVersion: 2.7.02.7.52.7.63.0.03.0.13.0.23.0.33.0.43.0.53.0.63.0.73.0.83.1.03.1.23.1.53.1.73.2.03.2.53.2.63.2.73.3.03.3.13.4.03.4.13.4.24.0.0-beta.14.0.0-beta.24.0.0-beta.34.0.0-beta.44.0.04.0.14.0.24.0.34.0.54.0.64.0.74.1.04.1.54.1.64.2.04.2.24.2.54.2
unpkg.com
우측 상단의 버전 선택란에서 5이하의 버전을 선택해주신 뒤 다운받아주시면됩니다.
js와 css의 파일 경로는 dist에 있습니다.
'Web > 플러그인' 카테고리의 다른 글
| [jQuery] 무료 차트(chart) 플러그인 정리 (0) | 2021.04.28 |
|---|---|
| chart.js를 사용해 막대 그래프 그리는 법 (예제 多) (0) | 2021.04.13 |
| [parallax.js] 패럴렉스 스크롤링(parallax scroll) 사용법/옵션, 예제 파일 (0) | 2021.04.01 |
| [차트플러그인]chart.js 시작하기 사용법, 옵션 (0) | 2020.11.17 |
| [jQuery Plugin] isotope.js 필터와 이미지정렬 플러그인 사용 방법 (0) | 2019.09.25 |