Skip to content
Newer
Older
100644 37 lines (30 sloc) 1.11 KB
60e482d @chimericdream more changes to readme files
authored Oct 22, 2011
1 jQuery Vertical Timelines
2
3 This plugin turns ordinary definition lists into smooth, interactive, vertical timelines.
4
5 Description
6 Version: 0.5b
7 Author: Bill Parrott
8 Tested with jQuery: 1.6.4
9 Last Updated: 2011/10/21
10 Download Link: https://github.com/chimericdream/jquery-vertical-timeline
11
12 Usage Instructions
13 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.
14
15 Example:
16 <dl>
17 <dt>1589-1591</dt>
18 <dd><em>The Two Gentlemen of Verona</em></dd>
19 <dt>1590-1594</dt>
20 <dd><em>The Taming of the Shrew</em></dd>
21 <dt>1590-1591</dt>
22 <dd><em>Henry VI, Part 2</em></dd>
23 <dt>1590-1591</dt>
24 <dd><em>Henry VI, Part 3</em></dd>
25 ...
26 </dl>
27
28 Next, simply initialize the timeline by calling the plugin. This will add style and functionality to the timeline.
29 $('dl').verticalTimeline();
30
31 Demo
32 The included demo uses the timeline of Plays by Shakespeare as described on Wikipedia.
33
34 Change Log
35 Version 0.5b (2011/10/21); Initial release
36 Basic styling included
37 Some items configurable
Something went wrong with that request. Please try again.