TypeScript] 가볍고 사용하기 편한 이미지 슬라이더/캐러셀

 

Splide는 TypeScript로 작성된 유연하고 가벼운(27kB) 액세스 가능한 슬라이더입니다. 

여러 슬라이드, 축소판, 중첩 슬라이더, 세로 방향 등과 같은 옵션을 변경하기만 하면 다양한 종류의 슬라이더를 만들 수 있습니다. 

또한 API를 사용하거나 확장을 빌드하여 슬라이더 기능을 향상시킬 수 있습니다.

 

• TypeScript로 작성
• 종속성이 필요하지 않습니다.
• 경량, 27kB(11kB gzip 압축)
• 유연하고 확장 가능
• 300개 이상의 테스트 케이스로 보호
• 여러 슬라이드
• CSS로 슬라이드 또는 페이드 전환
• 중단점 지원
• CSS 상대 단위 허용
• 이미지를 자를 필요가 없습니다.
• 진행률 표시줄 및 재생/일시 중지 버튼으로 자동 재생
• RTL 및 수직 방향
• 마우스 드래그 앤 터치 스와이프
• 자유 드래그 모드
• 마우스 휠 탐색
• 중첩 슬라이더
• 지연 로딩
• 썸네일 슬라이더
• 자동 너비 및 높이
• 키보드 컨트롤 및 ARIA 속성으로 친숙한 접근성
• 인터넷 익스플로러 10

 

다음은 Splide 프론트 페이지 의 모바일 버전 결과입니다 .

 

 

 

https://splidejs.com/

Splide - The lightweight, flexible and accessible slider/carousel