Splide는 TypeScript로 작성된 유연하고 가벼운(27kB) 액세스 가능한 슬라이더입니다.
여러 슬라이드, 축소판, 중첩 슬라이더, 세로 방향 등과 같은 옵션을 변경하기만 하면 다양한 종류의 슬라이더를 만들 수 있습니다.
또한 API를 사용하거나 확장을 빌드하여 슬라이더 기능을 향상시킬 수 있습니다.
- TypeScript로 작성
- 종속성이 필요하지 않습니다.
- 경량, 27kB(11kB gzip 압축)
- 유연하고 확장 가능
- 300개 이상의 테스트 케이스로 보호
- 여러 슬라이드
- CSS로 슬라이드 또는 페이드 전환
- 중단점 지원
- CSS 상대 단위 허용
- 이미지를 자를 필요가 없습니다.
- 진행률 표시줄 및 재생/일시 중지 버튼으로 자동 재생
- RTL 및 수직 방향
- 마우스 드래그 앤 터치 스와이프
- 자유 드래그 모드
- 마우스 휠 탐색
- 중첩 슬라이더
- 지연 로딩
- 썸네일 슬라이더
- 자동 너비 및 높이
- 키보드 컨트롤 및 ARIA 속성으로 친숙한 접근성
- 인터넷 익스플로러 10
다음은 Splide 프론트 페이지 의 모바일 버전 결과입니다 .
Splide - The lightweight, flexible and accessible slider/carousel
Splide is a lightweight, flexible and accessible slider/carousel, written in TypeScript. No dependencies, no Lighthouse errors
splidejs.com
'Web > JavaScript' 카테고리의 다른 글
| 카운트하여 숫자 값에 애니메이션을 적용하여 데이터를 표시하는 CountUp.js (0) | 2023.04.13 |
|---|---|
| jQuery FilePond - 파일업로드 및 이미지 최적화 (0) | 2022.02.22 |
| youtube 재생 완료(종료) 이벤트 받기 (0) | 2021.05.28 |
| howler.js - 최신 웹을위한 오디오 라이브러리. (0) | 2021.04.29 |
| 카카오맵 폴리곤 지도 내부에 좌표가 있는지 확인 (0) | 2021.04.15 |