Timeline as a Slideshow

TaaS PLIS Streams

HTML

<script src="//cdn.jsdelivr.net/timelinejs/2.17/js/storyjs-embed.js"></script>
<link rel="stylesheet" href="http://cdn.jsdelivr.net/timelinejs/2.17/css/timeline.css">
<script src="http://cdn.jsdelivr.net/timelinejs/2.17/js/timeline.js"></script>
<div id="my-timeline"></div>

JavaScript

$(document).ready(function () {
    var slides = [  {
        "startDate": "2017,4",
            "headline": "Contract Termination - current structure",
            "tag": "Milestone"
    }]

    var dataObject = {
        "timeline": {
            "headline": "Disk Usage Projections",
                "type": "default",
                "text": "For PLIS MPL Schema",
                "startDate": "2015,2,17",
                "date": slides           
/*                ,"era": [
                    {
                        "startDate":"2015,1",
                        "endDate":"2015,12",
                        "headline":"Milestone",
                        "text":"<p>Body text goes here, some HTML is OK</p>",
                        "tag":"Milestone"
                    }
                ] */
            
        }
    };

    createStoryJS({
        type: 'timeline',
        width: '100%',
        height: '500',
        source: dataObject,
        embed_id: 'my-timeline',
        start_zoom_adjust: 2
    });
});