Timeglider JS는 JavaScript로 구동되는 확장 가능한 데이터 기반 타임라인 구성 요소입니다. 프로젝트 이력, 프로젝트 계획 및 이력 표시가 필요한 기타 프로젝트를 표시하는 데 이상적입니다.
오른쪽의 수직 슬라이더를 드래그 앤 드롭하여 타임라인을 확대/축소할 수 있습니다. 확대 및 축소가 가능합니다. 또한 스크롤 휠을 사용하여 확대/축소를 제어하는 것도 지원합니다. 빈 공간의 동쪽으로 마우스를 드래그하면 타임라인을 좌우로 드래그할 수 있습니다. 이벤트를 클릭하면 시간 내용과 해당 데이터를 설명하는 작은 창이 나타납니다.
JS 구성 요소의 목표는 다음과 같습니다.
iPad 및 기타 터치 지원 장치 지원
HTML/JS 기반 애플리케이션 및 인터페이스에 매우 쉽게 통합
복잡한 레이아웃을 지원하고 지정된 사용자 정의 HTML 요소에 이벤트를 추가할 수 있습니다
설치
1단계: jQuery UI 및 해당 Timeglider CSS 파일
2단계 : jQuery 클래스 라이브러리 붓기