pezflash supports this item


This author's response time can be up to 2 business days.

168 comments found.

I’ve read in the comments that there is no limit. We are looking for a timeline plugin that can handle well over 600 events. Also, we want to put this on our home page so it needs to lazy load as items come into view rather than all at once. Can this handle this large quantity of events and does it lazy load? Thanks

Hi. As you said, there is no limit with items inside the timeline, but considering the amount of milestones you have on your project, i’m not sure if this is the best method to display on your site. Firstable, because the dragger will need to scroll a huge number of columns, and i’m not sure if it will be easy for the end user to move it. And also because it does not integrate lazy loading, in case you need to place many images in the bottom milestone area.

Hope this makes sense.
Let me know if i can be of further assistance.

Hi! is this slider full screen? we are using one touch screen tv 42´´ and i would like to use this slider for users interactive with the timeline. thanks.

HI. No, unfortunately, due to the complex code calculating the height of the different areas (images, milestones) it’s not possible to set it to 100%. It will require many customizations in the CSS and JS. Sorry about that.

Let me know if i can be of further assistance.

Hi again, we almost get the template as our client want it. the slider, we wanted the milestone marks in the bottom, so we duplicate and past in the bottom, but, now the dragger isn´t work. the slider work perfectly, but the scroollbar doesn´t follow in we move the sideways. can you give a hint what is the problem? thanks.

Hi! Sorry for the delay in answering, have been out on holidays. Please, send me your URL through my profile form, so i can test and reply you by email. Thanks and sorry again! ;)

Hi there. Does this plugin work with the latest jQuery 3.2.1? Thanks.

Hi again. Searched in Google, and seems that there is a simple fix for the issue i’ve seen.


Perfect! Thank you. I will purchase this once I’ve finished something on my site. Looks a great plugin.

This is a pre-sale question. I’m very interested in a WP version of this timeline and evidently one is in the works. I’m curious. How much data can be supported by the existing timeline? For instance, let’s say I want to enter thousands of dates… how would the timeline function? Do all dates get loaded with the initial page load and can dates be paginated or called via ajax? Thanks for any info!

Hi. Yeah, WP version is in the oven. Hopefully it will be ready in a month or so. Still have to do some deep testing.

Regarding your question, there is no Ajax loading of items in the timeline, nor pagination, if that’s what you refer to. All items are loaded at once from DOM elements. If you are planing to have thousands of milestones, i guess you will need other kind of script, as this one (i mean, the scrolling system) will be useless for such amount of data. The code is well structured and commented, in case you plan to customize it to add ajax preloading.

Hope this makes sense. Let me know if i can be of further assistance. ;)

Hey! Is there any way to set dragger’s position on init?

Id like to move all the elements. I am gonna use your timeline to display a users position within a set amount of days. If you add this functionality, you effectively open up your plugin for timelinejumps using other buttons and more. Would be a cool feature.

Hi. the easiest way to achieve that is using jquery animate to move the three elements to your desired position. For example, this code will work on the default demo. Depending on the size of your timeline areas, you will need to adapt the values. Also, you can use % values if you prefer, for responsiveness.

Insert this in your HTML, inside the end script, right after the call to the timelineSlider () function:

$('.dragger').animate({ 'left': '100px' });
$('.milestones .content').animate({ 'left': '-100px' });
$('.viewport .images').animate({ 'left': '-270px' });

Let me know if you get it running. ;)


tesae Purchased

Hi, is there a way to disable the parallax effect between the viewport div and the milestones div, so they can move together?

Hi. The is such parallax, just the different movement due to the different widths of each object/area. If your images and your milestones are exactly the same width, they will move together as you request. Otherwise, they will always have different speed due to the logic of the scroll system. Hope this makes sense.

Let me know if i can be of further assistance. ;)


I just purchased an additional license. I have a question. I am familiar with tinyscrollbar and am attempting to create an anchor so when an external link is clicked the timeline scrolls to a specific pixel value. See example code below from the tinyscrollbar docs for reference.

$(document).ready(function() { // You can use the update method to build a anchor. // var $scrollbar6 = $('#scrollbar6'); $scrollbar6.tinyscrollbar(); var scrollbar6 = $"plugin_tinyscrollbar"); // Create a anchor that scrolls the bar to 50 pixels // when clicked. // $('.scrollbar6button').click(function() { scrollbar6.update(50); return false; }); });

I have spent a few hours on something that should be so simple. I even attempted to simulate a click event on the timeline marker div as a work-a-round- but no luck. I expect it’s a DOM issue.

Do you have an anchor snippet that will work with your timeline code. I would prefer to use the data-anchor=”” tag.

Thanks in advance,


No problem, guess the Envato support system is not the jewel in the crown. :) If you prefer, you can use my profile form instead, and we can keep the conversation by email. ;)

Works AWESOME and super simple to customize! Will send link when site is live. Pretty impressive. Thanks for your great support.

Showing some love from New Orleans

Great it worked. ;) Let me know if i can be of further assistance.

And don’t forget to rate the file if you finally like it and support.

Receiving the love crossing the ocean right in Madrid. ;)

Hi does this still not work on WP?, I assumed that from the comments I read that this was now a WP plugin. I’m not sure what to do with this now

Hi. Not sure which comments are you refering, but no, this is not a Wordpress plugin, it’s clearly said on the plugin details. The WP version is under development, as shows in the details also. This a jQuery plugin. You can use it on WP if you use an iframe, for example, but contents won’t be available inside WP admin, of course.

I expect to have the WP version ready soon.

Best regards.

The comment I’m referring to was from 6 months ago, any way I’m not sure how I didn’t see that it isn’t a wp pluggin, I will try and make it work, just never used a jQuery plugin before.

ok. Let me know if i can be of further assistance. ;)