As I promised, here's the first release of my SVG/JQuery timeline, I think it's nice and optimal to display curriculum informations (at least, I used in order to do so!).
What do you need in order to make it work: the timeline script, jQuery, jQueryUI and jQuery SVG. Include all the script in the header section of the page, paying attention to mantain script priority (include jQuery first, then jQueryUI, jQuery SVG and dwtimeline!). The script attach code to a div the id="timeline", so you have to add the div itself to the page. It's possible to make the timeline scrollable by setting a containing div css style to "overflow:scroll".
Even if it's only an experiment (although functional!), I'm working to produce a real jQuery plugin with chainability and all the other jQuery stuffs I like so much. u_u
If you like it, please share your appreciation via Twitter or Facebook!
Download the source code here.
See a functional example here on my about page.
What do you need in order to make it work: the timeline script, jQuery, jQueryUI and jQuery SVG. Include all the script in the header section of the page, paying attention to mantain script priority (include jQuery first, then jQueryUI, jQuery SVG and dwtimeline!). The script attach code to a div the id="timeline", so you have to add the div itself to the page. It's possible to make the timeline scrollable by setting a containing div css style to "overflow:scroll".
Even if it's only an experiment (although functional!), I'm working to produce a real jQuery plugin with chainability and all the other jQuery stuffs I like so much. u_u
If you like it, please share your appreciation via Twitter or Facebook!
Download the source code here.
See a functional example here on my about page.
No comments