GitHub - kannan4k/jquery-vertical-timeline: Create a vertical timeline based on a list of dates and events

kannan4k / jquery-vertical-timeline Public

forked from chimericdream/jquery-vertical-timeline

Notifications You must be signed in to change notification settings
Fork 0
Star 1

Create a vertical timeline based on a list of dates and events

Notifications

Name		Name	Last commit message	Last commit date
Latest commit History 5 Commits
README		README
demo.html		demo.html
jquery-vertical-timeline.js		jquery-vertical-timeline.js
jqvt_default.css		jqvt_default.css
readme.html		readme.html

Repository files navigation

jQuery Vertical Timelines

This plugin turns ordinary definition lists into smooth, interactive, vertical timelines.

Description
Version: 0.5b
Author: Bill Parrott
Tested with jQuery: 1.6.4
Last Updated: 2011/10/21
Download Link: https://github.com/chimericdream/jquery-vertical-timeline

Usage Instructions
Create your timeline using a standard <dl>, with the dates stored in the <dt> tags and any content associated with them stored in the following <dd> tag.

Example:
<dl>
    <dt>1589-1591</dt>
    <dd><em>The Two Gentlemen of Verona</em></dd>
    <dt>1590-1594</dt>
    <dd><em>The Taming of the Shrew</em></dd>
    <dt>1590-1591</dt>
    <dd><em>Henry VI, Part 2</em></dd>
    <dt>1590-1591</dt>
    <dd><em>Henry VI, Part 3</em></dd>
    ...
</dl>
                
Next, simply initialize the timeline by calling the plugin. This will add style and functionality to the timeline.
$('dl').verticalTimeline();
                
Demo
The included demo uses the timeline of Plays by Shakespeare as described on Wikipedia.

Change Log
Version 0.5b (2011/10/21); Initial release
    Basic styling included
    Some items configurable