모바일 배너 swiper 속도가 조절이 안돼요 ㅠㅠ
관련링크
본문
<!--메인이미지-->
<div class="main_bn_box swiper-container">
<ul class="main_bn_ul swiper-wrapper">
<li class="swiper-slide">
<div class="bn_img"><a href="#none">
<img src="<?php echo G5_THEME_IMG_URL ?>/main_banner1.png" alt="메인베너" />
</div>
</li>
<li class="swiper-slide">
<div class="bn_img"><a href="#none">
<img src="<?php echo G5_THEME_IMG_URL ?>/main_banner2.png" alt="메인베너" />
</div>
</li>
<li class="swiper-slide">
<div class="bn_img"><a href="#none">
<img src="<?php echo G5_THEME_IMG_URL ?>/main_banner3.png" alt="메인베너" />
</div>
</li>
</ul>
<!-- Add Pagination -->
<div class="swiper-pagination"></div>
</div>
<script>
var swiper = new Swiper('.swiper-container', {
spaceBetween: 10, //위 slidesPerview 여백
pagination: '.swiper-pagination',
paginationClickable: true,
loop : true,// 슬라이드 반복 여부
autoplay: {
delay: 2500,
disableOnInteraction: false,
},
});
</script>
<!--} 메인배너 끝-->
delay를 변경해도 계속 빠르게 전환되는데 왜그런 걸까요?ㅠㅠ
답변 3
쓰시는건 3.1인데 최근은 8버전까지 나온거 같네요. 사용 방식이 다를수 있으니 예전 버전 사용 방법도 동일한지 찾아보셔야 할거 같습니다.
스와이퍼 슬라이드 코드가 저부분 하나인가요? 스와이퍼 객체 생성에 셀렉터를 기본인 .swiper-container를 쓰셨는데요. 혹시나 다른 슬라이드가 있으면 저부분이 중복되서 다른슬라이드의 속도가 적용되고 있을수 있습니다.
한페이지에 다수의 슬라이더가 있다면 이전 변수가 반영되는지 채크해보세요.
답변을 작성하시기 전에 로그인 해주세요.
