Restart background SVG animation

Question

I have an SVG set as a background image of an element. The first time the element is displayed, the animation plays correctly.

On subsequent displays (e.g. if a dupl

Answer 1

Use a random key in the url for cache busting. Though your example does not have a long animation to properly test it, I have added repeatition of loading the image to make the difference noticable.

url + "&" + Math.random()

No reload demo with constant URL: http://jsfiddle.net/4ZBLr/8/

Reload demo with random URL src: http://jsfiddle.net/4ZBLr/9/