[jQuery] [SVG] Animate element over SVG image
I've been trying to get some JavaScript effects to operate smootly
over a (huge) SVG image. Every transition I try over the SVG image
itself turns out really choppy. When I try the same effect on a part
where the SVG image is not present it's displayed smoothly...
Check it out here:
http://gavro.nl/expo/svgtest/wereldkaart.html
(note: really big imgs >> site is supposed to run locally...)
I've tried simplifying the svg, but even at a factor 10x less lines/
points, the effects are still choppy...
How can I solve this problem?
PS. Site is developed to run in Opera (9.5). In Firefox some things
will not work, and 'choppyness' is overall even _much_ worse then in
Opera....