스와이퍼 슬라이더 질문입니다
본문
안녕하세요!
스와이퍼 플러그인을 사용해서 슬라이더를 적용했는데
PC 버전에서는 잘 돌아갑니다
근데 반응형 버전에서는 슬라이더가 제자리로 돌아오게 됩니다
어떻게 고치면 될까요?
도와주시면 감사하겠습니다ㅠㅠ
--------html---------
<div class="vps_partner">
<div class="swiper mySwiper">
<div class="company_tit">
<h2 class="type_tit type_tit03">VPS PARTNER</h2>
</div>
<div class="swiper-wrapper">
<div class="swiper-slide"><a href="http://www.12crowns.com"><img src="http://vpskorea.com/theme/bs4_v3.0/img/partner_01.png"></a></div>
<div class="swiper-slide"><a href="http://www.brandmyeliquid.com"><img src="http://vpskorea.com/theme/bs4_v3.0/img/partner_02.png"></a></div>
<div class="swiper-slide"><a href="https://www.americanvaporgroup.com/about-ishimoto"><img src="http://vpskorea.com/theme/bs4_v3.0/img/partner_03.png"></a></div>
<div class="swiper-slide"><a href="http://www.vapecrown.com/"><img src="http://vpskorea.com/theme/bs4_v3.0/img/partner_05.png"></a></div>
<div class="swiper-slide"><a href="https://hustlerjuice.com/"><img src="http://vpskorea.com/theme/bs4_v3.0/img/partner_06.png"></a></div>
<div class="swiper-slide"><a href="https://www.doozejuice.com/doozeevent"><img src="http://vpskorea.com/theme/bs4_v3.0/img/partner_07.png"></a></div>
<div class="swiper-slide"><img src="http://vpskorea.com/theme/bs4_v3.0/img/partner_08.png"></div>
<div class="swiper-slide"><img src="http://vpskorea.com/theme/bs4_v3.0/img/partner_09.png"></div>
<div class="swiper-slide"><img src="http://vpskorea.com/theme/bs4_v3.0/img/partner_13.png"></div>
<div class="swiper-slide"><a href="http://smoant.co.kr/bbs/"><img src="http://vpskorea.com/theme/bs4_v3.0/img/partner_12.png"></a></div>
<div class="swiper-slide"><a href="http://www.vapecrown.com/"><img src="http://vpskorea.com/theme/bs4_v3.0/img/partner_10.png"></a></div>
<div class="swiper-slide">
<!-- <b><i class="fa fa-tag" aria-hidden="true"></i> NICOTINE By</b><br> -->
<a href="http://www.vapecrown.com/"> <img src="http://vpskorea.com/theme/bs4_v3.0/img/partner_11.png"></a>
</div>
</div>
<!-- <div class="swiper-pagination"></div> -->
</div>
</div>
-------- javascript ------
window.onload = function() {
var swiper = new Swiper(".mySwiper", {
slidesPerView: 3,
breakpoints : {
640: {
slidesPerView: 5
}
},
// 반응형 슬라이더
spaceBetween: 0,
slidesPerGroup: 5,
loopedslides: 1,
loop: true,
autoplay: {
delay: 3000,
disableOnInteraction: false,
},
pagination: {
el: ".swiper-pagination",
clickable: true,
},
// navigation: {
// nextEl: ".swiper-button-next",
// prevEl: ".swiper-button-prev",
// },
});
