What’s the best tool to make a Timeline in jQuery?

Sarah Berg
December 28, 2012

This simple plugin helps you to give more life to the boring timelines. Supports horizontal and vertical layouts, and you can specify parameters for most attributes: speed, transparency, etc.

1. Include the jQuery library and this plugin:
2. Initialize with $().timelinr();
3. Configure the initialize function with parameters provided in the documentation
4. Set up html is the following syntax:

<div id="timeline">
   <ul id="dates">
      <li><a href="#">date1</a></li>
      <li><a href="#">date2</a></li>
   </ul>
   <ul id="issues">
      <li id="date1">
         <p>Lorem ipsum.</p>
      </li>
      <li id="date2">
         <p>Lorem ipsum.</p>
      </li>
   </ul>
   <a href="#" id="next">+</a> <!-- optional -->
   <a href="#" id="prev">-</a> <!-- optional -->
</div>

And the documentation also comes in Spanish, te diviertes!
Documentation and DEMOS

Solutions Architecture

browse through our blog articles

Blog Archive