Question SVG: probleme avec RepeatCount
Bonjour
Je voudrais faire afficher un compteur avec SVG : 1,2,3,1,2,3,1,2,3...
Mais celui ci ne boucle pas malgré mon attribut repeatCount="indefinite"
Ci joint l'URL de mon probleme: http://ns202386.ovh.net/test.svg (ne marche pas avec FireFox, utilisez Chrome ou IE)
Vous voyez, il affiche bien le 1 puis le 2 et enfin le 3 ... mais ensuite, le 1 ne se reaffiche pas.
Savez vous comment corriger le programme?
Ci dessous le code:
Code:
1 2 3 4 5 6 7 8 9 10 11
|
<?xml version="1.0" standalone="no"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<image id="sss1" x='110' y='5' width='15' height='20' style="visibility:hidden" xlink:href="/images/scorec1.gif"/>
<image id="sss2" x='110' y='5' width='15' height='20' style="visibility:hidden" xlink:href="/images/scorec2.gif"/>
<image id="sss3" x='110' y='5' width='15' height='20' style="visibility:hidden" xlink:href="/images/scorec3.gif"/>
<set xlink:href="sss1" attributeType="CSS" attributeName="visibility" to="visible" begin="0s" end="1s" dur="3s" repeatCount="indefinite" />
<set xlink:href="sss2" attributeType="CSS" attributeName="visibility" to="visible" begin="1s" end="2s" dur="3s" repeatCount="indefinite" />
<set xlink:href="sss3" attributeType="CSS" attributeName="visibility" to="visible" begin="2s" end="3s" dur="3s" repeatCount="indefinite" />
</svg> |