Code

Discussion on jQuery Responsive Timeline Slider

Discussion on jQuery Responsive Timeline Slider

Cart 1,591 sales

pezflash supports this item

Supported

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

176 comments found.

Hi there I bought the WordPress version of “jQuery Responsive Timeline Slider” and it is no longer available so I can’t donwload it to use it.

Any hope I can use the product I bought?

Hi. Try to contact the author directly. I don’t have any relation with him nowadays, unfortunately. We did a partnership time ago to build that product, but let’s say it was not a good idea… :(

Is there any way to sync the bottom content with the top? It seems like as you add more content on either the top or bottom, it will push the dates out of alignment. Is there a way to add blank items on the top of bottom to make sure things stay synced?

Also, is there any way to make the full screen version centered vertically on the page? Thanks.

Hi. Please, contact me through my profile form, and send you custom links to check the out. It will be easier for me to see the problem on live url. Thanks.

Alternatively, you can send the same form on the support page of the purchased item: https://codecanyon.net/item/jquery-responsive-timeline-slider/2214213/support

Have you shelved the WordPress version completely, or is it something you will visit in the future? I’m looking at this for a solution for a museum timeline. Just trying to decide if I need to code a WordPress conversion, or if I should wait for you to complete yours. Love the way this looks/works.

Hi. Sorry for delay in answering, i’ve been out on weekend. There are no plan to finish the development of WP version in short term. Unfortunately, WP market here has changed a lot, and right now i’m busy with personal projects.

Anyway, you can easily integrate the HTML version through an iframe on any WP post o page. The only issue is that you won’t have access to timeline contents dynamically on the WP admin. But maybe it could fit if your timeline contents are somehow fixed.

Hope this helps. Best regards and thanks for your purchase.

My team has expressed interest in developing a WordPress version of this. Would you be open to that?

Hi. Yeah, i am interested in sharing ideas regarding this development. Please, contact me directly to unpezvivo@gmail.com so we can talk about this.

Thanks! ;)

Is a WP version of this still planned or can anyone recommend a similar alternative?

Hi. Wp version got stuck in development, due to change on Envato pricing & support policies. Sorry about that. My initial plan was to finish and release the version on WP repository, but couldn’t go ahead with it.

thanks for letting me know , shame it didn’t happen, your timeline looks great

Some users used it with plain HTML, using an iframe inside any WP page or post. I know is just a simple approach, but it could work if your project doesn’t need constant changes on the timeline milestones contents. Hope this helps. ;)

Hi, also waiting for the WordPress version of it. Any news?

Okay. Doesn’t sound like it is comimg in the near future, right!?

It’s complicated on my side, yeah. Quite busy with other (more secure and reliable than Envato, lately) projects. Sorry about that. You can always try to use the HTML version trhough an iFrame, if your environment doesn’t need the CMS to edit the contents. Other users have done so and works just fine (although you loose the option to admin-edit the timeline).

Best regards from Madrid

Wrote you several emails, Could you please check!? Thanks!

Any news about the WordPress vbersion of the Timeline?

Hi. Still on development, sorry about that. Many personal projects on my side, couldn’t go ahead with it. The point is that is almost 90% done, but it last the complicated platform testing, which requires time. Will notify here (and on mailing list) once published. I really hope to have it done in the upcoming month, but can’t assure. Thanks for your interest!

Just curious how the development of the WordPress version is coming along. We are going to be launching a large website in the next two months and this timeline solution is exactly what we’re looking for.

Alternatively, can the jQuery version be put into a Toolset or Beaver Builder template and used that way? Or even through a custom WordPress page template?

Thanks in advance!

Hi. The project is almost 90% done, but unfortunately, another personal projects came along and i had to keep it aside until i get some free time to end it and fully test it in newest wp versions. Can’t give you an exact ETA for it, but i hope it could be ready by spring19.

Regarding your question, yes, you can use the HTML version within an iframe. You don’t need any plugin for it, just upload the HTML customized timeline to a folder on your server, and point it on any page or post on your wp site. As long as you set a % width css to the iframe element, it will be responsive too.

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

;)

Hi, is it possible to implement this into a DokuWiki website? Thanks, Marcin.

Hi, Marcin. Sorry, but i have never used DokuWiki software. Anyway, this is a plain HTML/JQuery plugin, so, as long oyu can use both languages, and you can insert html code somehow, don’t will have a problem.

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

Hi, i got a question very important before buying code. My timeline is some about a procces Before – After, So i need to start timeline in the middle of chart (maybe specific milestone). is it possible? im seeing that always start at left margin.

Hi. Yeah, it’s possible. You will need to add 3 lines of code after the timeline call in your html.

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

Contact me through my profile form if you finally purchase the timeline and get stuck getting it running. ;)

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

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

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

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

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

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.

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

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! I cant install the plugin. What I have to do?

Hola. Disculpa el retraso en contestar, he estado unos días fuera. Lo primero, es un plugin de jQuery, no de Wordpress, no sé si ese puede ser el problema que comentas. Si no es así, dime exactamente qué problemas tienes con la configuración del mismo.

¡Gracias!

I’m on your newsletter and waiting for this as a wordpress plugin also.

Hi. Thanks for following this up. I’m doing my best to have it finished and published at soon as possible! ;)

I really appreciate your interest in my files…

Hi,

I noticed you said 4 months ago that the Wordpress Login would probably take about a month (back then) to be finished. Is there any update on this? I’d really like to include it on my Wordpress website as well.

Thanks!

Hi. Personal projects (and also personal issues) have delayed that deadline. Sorry about that. I’ll do my best to have it finished this month. If you want to stay alerted, please, sign up on the newsletter you will find on file page (maybe you already did). Thanks for your interest in my files, and your patience! ;)

I did indeed sign up :) Looking forward to it!

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve CodeCanyon.

Sure, take me to the survey