With one of the jQuery timeline plugins listed here, you can add cool and interactive timelines to your web pages. The timeline format is not new, but really, it got popular when Facebook decided to add it to their wall design. It is a great way to show events in time – this can be anything from social media updates to historical events. We also see the timeline design used in creative portfolios. It is a great way for agencies to present their history; their development in number of employees, key client wins etc.
Check out these jQuery plugins I found for adding timelines to your website, and let me know in a comment if I missed a great script! Also, please share this article with your friends and coworkers.
Timeline with Configurator
Timeline is a jQuery timeline plugin that helps you to show your lifetime, job experience or any other activity graphically in a really modern interactive way. The plugin comes with a configurator that help you to easily add, change and customize the timeline without any programming skills.
TimelineXML takes time-stamped pieces of content and puts them on a timeline as dots. On hover or click the visitor will see the content you added to the clicked event.
jQuery Timeline Slider
Timeline Slider is a jQuery timeline plugin you can use to build your own history timelines on your web pages. This timeline plugin includes a dark and a light skin and this makes it fit into most web projects. Since this plugin rely on the jQuery library you will find it to be cross-platform.
TimeLiner is a cool jQuery timeline plugin you can use to create slideshow like presentations an animating timeline showing progress. It is possible to more or less any HTML based content to the slides, and the process can be skipped and paused.
Lateral On-Scroll Sliding with jQuery
This is a tutorial showing you how to create a really awesome parallax style timeline. You will have circular elements on one side and the descriptions on the other flying in form the sides as users scroll down.
The code is available for download.
With this plugin you can create an interactive historical timeline using just HTML, CSS, and jQuery.
Timeline Portfolio with jQuery and CSS3
The Timeline Portfolio jQuery plugin have been designed for showing chronological series of events. It is possible to embed different types of media including tweets, videos and maps, and associate them with a date. This plugin may be a cool way for e.g. show client work on a timeline as part of an online portfolio.
The TimelineJS scrips can be used for pulling in media from different sources and adding them to an interactive timeline. You simply add links to Twitter, YouTube, Flickr, Vimeo, Google Maps or SoundCloud and TimelineJS will embed and format posts to fit the timeline.
Chronoline.js is a jQeury plugin you can use to create timeline from events that are then added to a horizontal timescale. The plugin generate a graphical representation of schedules, historical events, deadlines, and more from a list of dates and events.
Content timeline is powerful and lightweight responsive jQuery/HTML5/CSS3 plugin, best for displaying any organized content. It is fully customizable, and easily implementable with any js script, video, flash etc. Well structured code, and wide ranged API functions make it simple to get started and flexible for customization.
This simple plugin helps you to give more life to the boring timelines. Supports horizontal and vertical layouts, and you can specify parameters for most attributes: speed, transparency, etc.