스와이퍼 반응형 설정했는데 익스에서 적용시키려면? 도와주세요
본문
스와이퍼 반응형 설정 소스인데요.
<script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
<!-- Initialize Swiper -->
<script>
var swiper = new Swiper(".mySwiper", {
autoplay: {
delay: 2500,
disableOnInteraction: false,
},
pagination: {
el: ".swiper-pagination",
clickable: true,
},
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev",
},
breakpoints: {
320: {
slidesPerView: 4,
spaceBetween: 10,
slidesPerGroup : 4,
loopAdditionalSlides : 1,
},
480: {
slidesPerView: 4,
spaceBetween: 20,
slidesPerGroup : 4,
loopAdditionalSlides : 1,
},
640: {
slidesPerView: 6,
spaceBetween: 20,
slidesPerGroup : 6,
loopAdditionalSlides : 1,
},
768: {
slidesPerView: 6,
spaceBetween: 40,
slidesPerGroup : 6,
loopAdditionalSlides : 1,
},
1024: {
slidesPerView: 8,
spaceBetween: 49,
slidesPerGroup : 8,
loopAdditionalSlides : 1,
},
},
});
</script>
이런식으로 참고해서 적용시켰는데 크롬,사파리에선 해상도별로 너무 잘 되는데..
익스에서 안먹어요ㅠㅠ
한줄에 한개씩만 나오는데요.
익스 지원 안되어서 그런걸까요?
이거 적용시키려면 어떻게 해야하나요?ㅠ
아직 익스 쓰시는 분들도 계실거같아서요.
답변 2
안녕하세요!
전에 주신 댓글에 답변이 늦어 달아드렸으나 못보실수도 있어 여기에라도 달고 갑니다.
늦어서 죄송합니다 ㅜㅜ
익스는 이제 곧 서비스 종료이며 호환성 문제로 swiper 최신버전은 호환이 되지 않습니다.
아래링크 확인해주시구요
익스유저를 꼭 신경쓰셔야 한다면 아랫버전을 이용하셔야 합니다..
익스 접을때가 됐습니다
MS는 우선 오는 2021년 8월 17일부터 MS 365 및 여러 MS의 웹 애플리케이션을 IE 11에서 사용할 수 없게 되며, 오는 2022년 6월 15일에는 지원을 완전히 종료하게 된다.