티스토리 뷰
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
링크
TAG
- property
- offsetHeight
- clientHeight
- scrollHeight
- 동치 연산자
- 불일치 연산자
- offsetTop
- [[Prototype]]
- 링크막기 #a링크막기
- constructor
- 점 표기법
- @font-face
- 부등 연산자
- __proto__
- 대괄포 표기법
- 프로퍼티
- prototype 프로퍼티
- 동등 연산자
- javascript class
- 일치 연산자
- clinetTop
- innerHeight
- outerHeight
- 객체의 프로퍼티
- scrollTop
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
글 보관함