X-Git-Url: https://melusine.eu.org/syracuse/G/git/?a=blobdiff_plain;ds=sidebyside;f=doc%2Fpage.md;h=b1816df56fc5ed4e880b358c22541f07876c468a;hb=bb219b859367d3cbc212b5d4ad0dfd3ba6356af5;hp=9e3503b736c8c0e9b14ca5953755a779e4cc8f4f;hpb=6a9b3b4d49e62b9a57eff23c820c74141f1c0a05;p=svganimation.git diff --git a/doc/page.md b/doc/page.md index 9e3503b..b1816df 100644 --- a/doc/page.md +++ b/doc/page.md @@ -9,7 +9,7 @@ player.connect(); } function charge_anim2() { - var a = new Animation('anim2'); + var a = new Animation('anim2','../ellipsographe/svg/ellipsographe-',1,91); a.loopOnload(); var b = new Controle(a); b.connect(); @@ -92,6 +92,7 @@ La librairie `SVGAnimation` définit le *prototype* javascript 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 @@ -206,7 +207,7 @@ Il est possible de différer le chargement de l'animation en créant une fonctio ~~~~~~~ { .javascript } function charge_anim2() { - var a = new Animation('anim2'); + var a = new Animation('anim2','svg/ellipsographe-',1,91); a.loopOnload(); var b = new Controle(a); b.connect(); @@ -217,7 +218,7 @@ Fonction qui sera liée à l'*événement* `onclick` d'un bouton proposant, à l'internaute, le chargement de l'animation... ~~~~~~~ { .html } -
animation1
Ellipsographe
@@ -230,7 +231,7 @@ On peut en profiter pour adapter le *style* des éléments englobants.
animation1
Ellipsographe
-
+