Discussion :

[chris109]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

[polymorphisme]

Bonjour chris109,

tu as un exemple d'animation sur la page du site xmlfr.