javascript - Need to make a vertical timeline - Stack Overflow

I need to make a vertical javascript timeline like below link which is now created with flash. Can someone give me a reference plugin? Or kindly advice me is it possible with plane javascript or javascript frameworks. I have little bit idea about plane javascript and jquery.

I did some research on it. But did't get any good result.

Thanks in advance.

I need to make a vertical javascript timeline like below link which is now created with flash. Can someone give me a reference plugin? Or kindly advice me is it possible with plane javascript or javascript frameworks. I have little bit idea about plane javascript and jquery.

http://www.guardian.co.uk/world/interactive/2011/mar/22/middle-east-protest-interactive-timeline

I did some research on it. But did't get any good result.

Thanks in advance.

• javascript
• jquery
• timeline

Share Follow asked May 15, 2012 at 9:04 Jaison JamesJaison James 4,55244 gold badges4343 silver badges5656 bronze badges 3

• Sorry for forgot to mention one thing. I need to scale the items on scrolling or moving – Jaison James Commented May 15, 2012 at 9:14
• 1 Hiya, this should help you out, exactly same question here: stackoverflow./questions/10418534/… – Tats_innit Commented May 15, 2012 at 9:14
• @ Tats_innit Thanks for quick reply. I have already saw this question and samples. I am trying to make the plugin almost same as above URL in my question. With sacle, path, easing effect etc. – Jaison James Commented May 15, 2012 at 9:37

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 5

https://github./balancemedia/Timeline

Demo: http://builtbybalance./github-timeline/

there could be some more: https://github./search?langOverride=&language=JavaScript&q=timeline&repo=&start_value=1&type=Repositories

A good tutorial: http://www.9lessons.info/2012/01/facebook-timeline-design-using-jquery.html

the whole thing is done in flash. you can achieve this in javascript(definitely with css), but there is not straight forward method for it. Even in flash it wasn't done in a straight forward method. It took some efforts to sync the movements of the timeline and the events path. start with developing custom scroll bar using javascript and css, and then develop the rest.