인터랙션 & 컴포넌트/플러그인
[swiper] 추가 옵션
millfeel1298
2021. 3. 14. 20:21
See the Pen [Swiper] 추가 옵션 by mill (@millfeel) on CodePen.
옵션 | 기본값 | 값 | 설명 |
direction |
'horizontal' | 'horizontal' | 'vertical' | 슬라이드 방향 |
speed | 300 | number | 슬라이드 전환 시간 단위: ms |
freeMode | false | boolean | 활성화하면 슬라이드에 고정 된 위치가 없다. |
allowTouchMove | true | boolean | 스와이프 막는 기능 [false 인 경우] 슬라이드를 전환하는 유일한 방법은 slidePrev 또는 slideNext와 같은 외부 API 기능을 사용하는 것이다. |
watchOverflow |
false | boolean | 슬라이드가 1개 일 때 pager, button 숨김 여부 설정 |
slideToClickedSlide 예제
See the Pen [swiper] slideToClickedSlide 예제 by mill (@millfeel) on CodePen.
옵션 | 기본값 | 값 | 설명 |
slideToClickedSlide | false | boolean | true로 설정하고, 슬라이드를 연결해 놓으면 선택된 슬라이드 위치로 이동한다. |
touchRatio | 1 | number | 스와이프 막는 기능 1 => 터치 가능 0 => 터치 불가능 |
Controller Methods
메서드 | 기본값 | 설명 | |
swiper.controller.control | Swiper | Swiper에서 제어해야하는 Swiper 인스턴스가 있는 다른 Swiper 인스턴스 또는 배열을 여기로 전달한다. |
[연관]