Making a horizontal timeline using jQuery and CSS

Discussion in 'JavaScript' started by Daimz, May 26, 2012.

  1. #1
    Hey Guys,

    I am trying to create a timeline that will eventually work to display Wordpress post titles and a link to the post. but at the moment I am just trying to figure out how to go about making the timeline.

    I have found two great examples of timelines using css and js.

    http://mattbango.com/notebook/web-development/pure-css-timeline/comment-page-2/#comment-47205
    This is an awesome example of a timeline but is lacks the ability to interact with it as well as arrange items by date. currently items are pre positioned, I am wanting these to be dynamic and based on where in the time frame that post falls.

    http://tutorialzine.com/2012/04/timeline-portfolio/#comment-23898
    This timeline has it all... In fact too much and unfortunately I can't seem to decipher what is doing what in the JS file, I can't strip out just the slider. I don't want the whole portolio, youtube, google spreadsheets functionality. I am just looking to grab post dates and display them on the timeline.

    Sorry I know thats a big explanation but I felt I needed to give a bit of background.

    Can anyone sugest how I can go about achieving this?
     
    Daimz, May 26, 2012 IP