pezflash

pezflash supports this item

Supported

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

165 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.

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. ;)

Haviduck

Haviduck Purchased

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

Haviduck

Haviduck Purchased

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. ;)

by
by
by
by
by
by