웹솔루션개발 25년 노하우! 해피CGI의 모든것

로드맵 은 미묘한 fadeIn 애니메이션을 사용하여 반응형, 스크롤 가능, 수평/수직 슬라이더로 이벤트를 동적으로 표시하는 jQuery가 포함된 타임라인 슬라이더 플러그인입니다. 타임라인 슬라이더는 현재 화면 크기 에 따라 방향을 자동으로 변경합니다 .데스크톱 및 모바일과 호환됩니다.다운로드 받은 파일의 압축을 해제한 뒤examples/index.html 파일을 웹브라우저로 열어보면 데모를 확인해볼 수 있습니다.창크기를 줄여보면, 아래 그림 처럼 수직으로 타임라인을 표시하도록 변경이 됩니다.사용 방법은 아래와 같습니다.

좌우 스크롤을 이용해서 타임라인을 웹페이지에 표시하는 jquery 타임라인 플러그인 입니다. 많은 기능을 내장한 다른 타임라인 플러그인과 비교하면, 비교적 가볍고, 빠른 반응을 보여줍니다. html 소스코드는 ul, li 태그를 이용해서 각각의 타임라인을 표시하기가 크게 어렵지 않게 구현이 되어 있습니다. 원하는 날짜의 타임스탬프를 계산해야하는 건 약간의 수고가 필요하겠네요. 타임라인으로 표시하는 플러그인에서 지원되는 옵션은 아래와 같습니다. 웹페이지에 타임라인을 표시해야 하는 분들께 유용할 듯 하네요.