SVG animation - dynamic symbol onClick fetch/populate element - GSAP DRAWSVG

I have a complex SVG i want to use for my portfolio. There are 2 SVGS, one for BEGINNER WEBSITES and one for ADVANCE WEBSITES. Each of the SVGs are separated into two categories, eclipse symbols, and line paths.

What I want is for the DRAWSVG script to select a random line paths and randomly draw from point 0 to point 100% then undraw from point 0 to point 100%, then reverse after a random delay or vice versa.

Second I want the eclipses to scale in size when hovered over with the mouse cursor. When the use clicks on the symbol for the eclipse it should assign a random portfolio item to that symbol for an extended period of time while populating the portfolio-box with the image of the website design.

Keep in mind there are two categories of portfolios... BEGINNER and ADVANCED. Portfolio items should be only displayed based on the category they belong to. I dont want the pictures to be loaded on document load. I want them fetched upon clicking on symbol eclipse and displayed in the element identified by the ID i will disclose to you.

If you do a great job we will add more functionality to this and we can work more in the future. Time to deployment and cost are factors for this project. other projects will not have both the same constraints.

Квалификация: CSS, HTML5, Javascript, jQuery / Prototype, SVG

Показать больше html5 animation with greensock, greensock svg animation codepen, tweenlite js, greensock, tweenmax js examples, tweenmax fromto, drawsvg gsap, greensock animate svg path, ajax animation dynamic, getafreelancer svg animation, image animation dynamic flash, svg animation software, svg animation creator, svg mysql dynamic, svg animation path shapes, magazine animation dynamic, svg animation, custom svg animation for hire, freelancer svg animation, freelance svg animation

О работодателе:
( 136 отзыв(-а, -ов) ) OSHAWA, Canada

ID проекта: #18135075

5 фрилансеров(-а) в среднем готовы выполнить эту работу за $229


(bid changed to reflect real 2-day investment to this) Hi, there, Matt Sergej here and I can create your desired visualization (24 years a webmaster, 5+ years scripting web animations/charts/visualizations). I un Больше

$250 CAD за 2 дней(-я)
(24 отзывов(-а))

Hello, Please see the video on the link : [login to view URL] Please also see "desktop and web softwares" section on my freelancer.com portfolio. I am a specific s Больше

$700 CAD за 1 день
(2 отзывов(-а))

Hey there, I specialize in SVG scripting/animations. Please have a look at my portfolio to confirm my SVG skills. I can add the described animation and functionality to your SVG. I assure you topnotch quality with u Больше

$70 CAD за 3 дней(-я)
(3 отзывов(-а))
$100 CAD за 3 дней(-я)
(0 отзывов(-а))

What is

$25 CAD за 1 день
(0 отзывов(-а))