스와이퍼 반응형 설정했는데 익스에서 적용시키려면? 도와주세요 채택완료
스와이퍼 반응형 설정 소스인데요.
<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 최신버전은 호환이 되지 않습니다.
아래링크 확인해주시구요
익스유저를 꼭 신경쓰셔야 한다면 아랫버전을 이용하셔야 합니다..
답변에 대한 댓글 2개
댓글을 작성하려면 로그인이 필요합니다.
익스 접을때가 됐습니다
MS는 우선 오는 2021년 8월 17일부터 MS 365 및 여러 MS의 웹 애플리케이션을 IE 11에서 사용할 수 없게 되며, 오는 2022년 6월 15일에는 지원을 완전히 종료하게 된다.
답변에 대한 댓글 4개
320: {
slidesPerView: 4,
spaceBetween: 10,
slidesPerGroup : 4,
loopAdditionalSlides : 1,
},
이런 소스를 다른방법으로 변경하여 사용할 수는 없을까요?
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인