jTimeline

A jQuery powered horizontal timeline.

Installation

npm i @optimumweb/jtimeline

Usage

$(document).ready(function () {
    $('#jtimeline-demo').jTimeline();
});

Settings

resolution: pixels per second (default: 50000)

minimumSpacing: minimum spacing between events (default: 200)

step: scrolling (translateX) step size (default: 200)

leftArrow: character for left arrow (default: ←)

rightArrow: character for right arrow (default: →)

Example

$(document).ready(function () {
    $('#jtimeline-demo').jTimeline({
        resolution: 20000,
        minimumSpacing: 500,
        step: 500,
        leftArrow: "<",
        rightArrow: ">"
    });
});

About

Author: OptimumWeb Inc. / Jonathan Roy

Website: https://optimumweb.ca

Twitter: https://twitter.com/jonathanroy

License: MIT