TimergliderJS a jQuery-based timeline plug-in_jquery

Timeglider JS is a scaling, data-driven timeline component powered by JavaScript. Ideal for displaying project history, project plans, and other projects that require displaying history.

The timeline can be zoomed by dragging and dropping the vertical slider on the right: zoom up and zoom in down. It also supports using the scroll wheel to control zoom. You can drag the timeline left and right by dragging the mouse to the east of the blank space. Clicking on the event will pop up a small window to describe the time content and its data.

JS components have the following goals:

Support iPads and other touch-enabled devices
Very easy to integrate into HTML/JS based applications and interfaces
Supports complex layouts and can add events to any specified custom HTML element
Installation
Step 1: jQuery UI and its Timeglider CSS file



Step 2: Pour jQuery class library