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. Yes, it can be used in fullscreen mode. Check the demo provided. It’s linked in a buttom, below the main sample. Anyway, here is the direct link:
http://www.unpezvivo.com/proyectos/codecanyon/timeline/dark/full.htmlNote that it has no border and no music, just for demo purposes. 
Let me know if i can be of further assistance.
thanks…. and about the video? my manager he doesn’t want to be as pop up. he wants show in the timeline and if its possible with some mask . another thing is customize the slider, he wants insert a dna helix…is it possible to do these changes?
Hi. Well, the video customization could be tricky, depends on what you want to achieve. The plugin by default displays it on a modal box. Regarding the DNA helix, not sure how exactly you need it. Anyway, unfortunately i’m not available for customization right now, but you can try to hire someone on Envato Studio for that custom work.
Hope this helps!
i just need to know if it´s possible to do it! i will tweak the settings. so the video can show in the same page , not as pop up…
Hi. Yes, it’s possible, but as i said, not with the built-in settings of the plugin. You will need some JS and CSS customization to include the video inside the images row. I’ll note this for future upgrades, anyway.
all right. can i use gif instead? if i use GIF animation, it will work more easy?
Yes, GIF will work as a normal image. The problem is that a video turned into GIF could be quite heavy in size.
thanks. can i use some short videos not from external link? like from from the PC?
Yes, the plugin uses PrettyPhoto for lightbox, and it allows iframe or external files. You have the links to the assets docs on the help files on the downloaded pack.
Best regards
<”}}><
we just bought the plugin. can we made full height as well?
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. I haven’t upgraded the plugin to jQuery3 yet, will do it shortly. Anyway, i have made a quick test, and the only issue i see is with the lightbox; i guess it will be fixed updating also the prettyPhoto JS file, but i haven’t made further tests.
Hope this helps. Best regards
Hi again. Searched in Google, and seems that there is a simple fix for the issue i’ve seen.
https://stackoverflow.com/questions/41920150/prettyphoto-plugin-stopped-working-after-upgrading-to-jquery-3-1-1
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?
Hi. Do you want to set another place for the dragger, or move all the elements (dragger, images and milestones) to a concrete position?
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.
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.
Greetings,
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 = $scrollbar6.data("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,
Mark
Hi, Mark. The tinyscroll code is deeply customized for the timeline, so it won’t work as the regular plugin. I haven’t tested this anchor functionality, but try this workaround:
Place these lines inside your external button click event:
$('.dragger').animate({ 'left': '100px' });
$('.milestones .content').animate({ 'left': '-100px' });
$('.viewport .images').animate({ 'left': '-270px' });
Basically it animates the 3 elements of the timeline to your desired position. Let me know if it works for you.
Kind regards
<”}}><
Thanks for the quick reply. Makes sense. Give a shout out once I try the code.
I see you answered this question above. Sorry. I didn’t see your answer when I searched the comments. Funny.
Showing some love from New Orleans
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.
