Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
I’m not sure how to creat a jQuery slider that can show in it’s slider-track a Yearly Timeline and have it auto-play with the current year shown in the handle as well?
Popular Website Example: http://maps.eyesontheforest.or.id/
In the left side panel there is a “Natural Forest Cover” section which is what I’m trying to achieve.
Here’s a screenshot of the JavaScript timeline shown in blue.
jsFiddle DEMO
The reference URL in your webpage is using a framework other than JavaScript for that animation which includes a playback feature. EDIT: It’s using Google Maps API Visualization Library
However my jsFiddle above is done using jQuery and jQuery UI since a Slider plugin with it’s own CSS is used.
When using
yearsfor the purple text, you’ll soon discover those are just mere labels that don’t necessarily reflect the actual position value… just the position location.jsFiddle DEMO YEARS with Autoplay Timeline Button setTimeout Method
jsFiddle DEMO YEARS with Autoplay Timeline Button setInterval Method