TimelineMe
The aim of this plugin is to easily build a timeline display for your data.
Installation
add jQuery to your project
add timelineMe css & js
Usage
HTML
JAVASCRIPT
$(document).ready(function() { $(‘#timeline-container’).timelineMe({ items: [ // Put your timeline items here { type: ‘milestone’, label: ‘my label’ }, { type: ‘smallItem’, label: ‘html label’, shortContent: ‘html short desc’ }, { type: ‘bigItem’, label: ‘html label’, shortContent: ‘html short desc’, fullContent: ‘html big desc’, showMore: ‘show more’, showLess: ‘show less’ } ] }); });
Demo
See demo project page
License
The plugin is under MIT License