티스토리 뷰

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 인스턴스 또는 배열을 여기로 전달한다.

[연관]

기본 설정

'인터랙션 & 컴포넌트 > 플러그인' 카테고리의 다른 글

[swiper] 기본 설정 모두 넣은 버전  (0) 2021.03.14
[swiper] 반응형 설정  (0) 2021.03.14
[swiper] 접근성 - a11y  (0) 2021.03.14
[swiper] CDN 설정  (0) 2021.03.05
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2024/04   »
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30
글 보관함