player.connect();
}
function charge_anim2() {
- var a = new Animation('anim2');
- a.loopOnLoad();
+ var a = new Animation('anim2','../ellipsographe/svg/ellipsographe-',1,91);
+ a.loopOnload();
var b = new Controle(a);
b.connect();
}
avec un identifiant (`id`) unique. Choisissons pour l'exemple `XXXX`.
À l'intérieur de ces balises, il
faut :
+
* une balise `img` contenant un image `svg` qui servira de vignette à
l'animation;
* une balise `div` avec l'identifiant `id="XXXX_message"` où `XXXX` est
~~~~~~~ { .javascript }
function charge_anim2() {
- var a = new Animation('anim2');
- a.loopOnLoad();
+ var a = new Animation('anim2','svg/ellipsographe-',1,91);
+ a.loopOnload();
var b = new Controle(a);
b.connect();
}
l'internaute, le chargement de l'animation...
~~~~~~~ { .html }
-<div id="anim2"
+<div id="anim2"
style="margin:10px auto;padding:10px;width:354px;border:2px solid #AAA;border-radius:4px">
<img src="../ellipsographe/svg/ellipsographe-1.svg" alt="animation1" style="width:330px;height:240px"/>
<div class="message" id="anim2_message">Ellipsographe</div>
<div id="anim2" style="margin:10px auto;padding:10px;width:350px;border:2px solid #AAA;border-radius:4px">
<img src="../ellipsographe/svg/ellipsographe-1.svg" alt="animation1" style="width:330px;height:240px"/>
<div class="message" id="anim2_message">Ellipsographe</div>
- <div id="anim2_boutons"><button onclick="charge_anim2">Charger l'animation</button></div>
+ <div id="anim2_boutons"><button onclick="charge_anim2()">Charger l'animation</button></div>
</div>