Hi Munger41, Thanks for your help getting the script running. I’m still stumped by image preparations. For Calder the code is ultra simple, no settings or adjustments, and your instructions say to use a “prepared” SVG image. That’s not much detail.

In looking at the included scripts, anime.js and vivus.js, there are tons of options but no clue how Calder interfaces with those options, and the instructions for those scripts offer only instruction on direct use of their script. They don’t offer instructions for Calder usage!

The basics I understand, create an svg, clean out code not needed, check that everything is a path, etc. But how to use the features of those scripts inside the “prepared SVG” so that Calder ends up doing what I want – to set timings, movements, etc. The Calder info is silent about such issues. It almost seems easier to just use vivus.js by itself since it includes all option settings and scripting features. How can I get calder to use those scripted features?

Do you have a bit of tutorial anywhere or coming soon? It seems image prep is the critical process. I’ve got all your demo images working, but I need to better understand more about this preparation aspect from a Calder POV.

BTW, any news about why vivus centers my animation, but Calder places it on the left margin?

Many thanks!
Larryqd

Seems like a good plugin, but it doesn’t seem to work. First, the instructions for use are very sketchy and almost non-existent. Visited and read the sites for the included scripts, and one of those deals with “preparation of the SVG file”. I created a simple SVG in Inkscape. Cleaned it on the suggested site. Pasted it into the “Instant Vivus” script on their site and animated the SVG. Downloaded the animated version of the file. Re-uploaded to that site to check it out again. It’s a working animated SVG file per Vivus requirements.

Uploaded the file to my site, and used the shortcode to implement the animation on a test page.

No permutation (full URL, short URL, different locations on site) of URL placed in the location quotes, works. I tried placing the SVG file in the Plugin’s own “svg folder” where the demo files are located – as that is the instructions on the Calder page, though that’s not usually how one gets media files into WP. That didn’t work either. I tried using the demo files and they don’t work.

There are no instructions to troubleshoot this issue. One of the scripts has info suggesting that a size must be used in order to make it visible. I have a size inside my SVG. The Calder plugin says nothing about parameter usage. There is still nothing visible at all except the text leading up to this location on the page.