Get support for vincentchalamon/jQueryTimelinePlugin

If you're new to LTH, please see our FAQ for more information on what it is we do.

Support Options

Unfortunately, there are currently no active helpers for this repository on the platform. Until they become available, we reccomend the following actions:

View Open Issues

Take a look to see if anyone else has experienced the same issue as you and if they managed to solve it.

Open an Issue

Make sure to read any relevant guidelines for opening issues on this repo before posting a new issue.

Sponsor directly

Check out the page and see if there are any options to sponsor this project or it's developers directly.

vincentchalamon/jQueryTimelinePlugin

jQueryTimelinePlugin

This jQuery plugin allows you to create a timeline.

How to use

This plugin requires jQuery 1.8+ :

<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script type="text/javascript" src="path/to/jquery.timeline.js"></script>
<link type="text/css" rel="stylesheet" media="screen" href="path/to/timeline.css" />

Now you can use jQuery timeline plugin as following :

$(function () {
    $('#timeline').timeline({
        elements: [
            {
                start: '2006-09-01',
                end: '2008-08-31',
                css: 'jquery-timeline-item-foo',
                label: 'Lorem ipsum'
            },
            {
                start: '2007-03-12',
                end: '2007-04-14',
                label: 'Dolor sit amet'
            },
            {
                start: '2007-07-01',
                end: '2007-07-31',
                label: 'Foo'
            },
            {
                start: '2008-04-14',
                end: '2008-07-31',
                label: 'Bar'
            }
        ],
        onSelect: function(event, index){
            // Do some stuff
        }
    });
});

Options

You must set following options to timeline :

  • elements : array of elements to create
    • start : element start date (string or Date object)
    • end : optional element end date (string or Date object)
    • label : element label
    • css : optional element additional class name
  • onSelect : callback on click on item
Our Mission

We want to make open source more sustainable. The entire platform was born from this and everything we do is in aid of this.

Interesting Articles

Thank you for checking out LiveTechHelper |
2025 © lth-dev incorporated

p-e622a1a2