본문 바로가기
html, css, javascript/javascript/jquery

[Jquery] swiper slider 스와이퍼 슬라이더 속도 각각 지정해주기

by 허그미 2020. 11. 26.
반응형

Swiper Demo site

https://swiperjs.com/demos

 

Swiper Demos

Swiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior.

swiperjs.com

 

 


<전체 속도는 script 에서 컨트롤>
<특정 슬라이더만 적용하려면 div에 직접>


전체속도 

script에서 전체 속도 조절

특정 슬라이더만

특정 슬라이더만 속도 조절

 

slider2(느리게)와 slider5(느리게)만 속도 5000, 나머지 슬라이더는 500적용

 

*disableOnInteraction: false 기재해주어야 클릭 드래그로 슬라이더 넘겼을 때 autoplay가 멈추지 않습니다.

*script에 speed옵션은 슬라이더 모션(?)의 속도 입니다.

 

반응형

댓글