[Swiper] 슬라이드 속도 각각 지정하기

테스트 : codepen.io/ksoyy/pen/JjbvJKg

 

data-swiper-autoplay=""

 

속도 조절할 슬라이드에 해당 속성 추가

 

ex)

<div class="swiper-slide" data-swiper-autoplay="1000">
	<div class="swiper-container">
      <div class="swiper-wrapper">
          <div class="swiper-slide" data-swiper-autoplay="1000"></div>
          <div class="swiper-slide"></div>
      </div>
</div>


var swiper = new Swiper('.swiper-container', {
	slidesPerView: 1,
	autoplay: {
            delay: 3000,
    		disableOnInteraction: false,
	}
});

 

data-swiper-autoplay 속성이 없는 슬라이드는 3초로 재생, 속성이 있는 슬라이드는 1초로 재생

 

 

 

swiperjs.com/swiper-api

Swiper API

 

2021-03-02 12:05 테스트 추가