Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Sliders


— Add-On to

Subscribe to our feed to stay up to date!

New! Follow us as you want it!

Timeliner - CodeCanyon Item for Sale


Ad: Bluehost hosting

A jQuery plugin that enables you to easily create slideshow presentations showing the progress in an animating timeline. The slides can contain any content and can be skipped and paused.

Including the plugin on your page will turn an unordered list into a slideshow with the list items as slides. Then style it by CSS, with or without images, and customize the behavior using the plugin options. Full documentation and examples included.


  • Very customizable by CSS & plugin options
  • Use any type of html / media types inside the slides
  • Use a global or individual slide interval
  • Optionaly show / hide most of the features
  • 4 transition types (fade, slide, reveal, instant)
  • Compatible with all common browsers, even IE6
  • Multiple instances on the same page possible
  • Optional autoplay
  • Optional custom callback functions for most events
  • User can click a node to start the associated slide
  • User can click the timeline to start the associated slide
  • User can pause/resume the presentation
  • Keyboard functionality (space = pause/play)
  • Contains fully commented source code
  • Contains documentation/help file

New in version 1.2 (2011 july 25):

  • Callback function “start_callback” triggers when the presentation starts;
  • Callback function “newslide_callback” triggers when a new slide is activated;
  • Callback function “end_callback” triggers when the presentation ends;
  • Callback function “paused_callback” triggers when the presentation is paused;
  • Callback function “resumed_callback” triggers when the presentation resumes;
  • Callback function “click_callback” triggers when a slide is clicked;
    Note: Instructions on using callback functions included in the download package.
  • New plugin option “controls_always_visible” causes the pause/play/previous/next buttons to never hide.

New in version 1.1 (2011 june 20):

  • Changed behaviour: When clicking a node with autoplay off, it now starts paused on that node.
  • Slight performance tweaks.
  • jquery.timeliner_min.js renamed to jquery.timeliner.min.js

Also check the FAQ before purchasing.

Other components in this categoryAll components of this author
CommentsFrequently asked questions and answers


5 October 10

Last Update:

Compatible Browsers:
IE6, IE7, IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome, Edge

Files Included:
JavaScript JS, HTML, CSS

Software Version:


eCommerce, eCommerce, All Items, animating, bar, clock, instruction, options, play, presentation, progress, slider, slideshow, sliding, steps, timed, timeline, timer