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.