X-Git-Url: https://melusine.eu.org/syracuse/G/git/?a=blobdiff_plain;f=doc%2Fpage.md;h=ac681333cf23d0633fa361aa65d9a52fe9a81035;hb=30e0888d992fb1e106a58d9604b0304cf41ab6a4;hp=09c6ecaa3c69264475243900e67f910f35dffea5;hpb=f18102174fd3cbbc28c04d194de4988b98c6daa9;p=svganimation.git

diff --git a/doc/page.md b/doc/page.md
index 09c6eca..ac68133 100644
--- a/doc/page.md
+++ b/doc/page.md
@@ -223,7 +223,7 @@ justement le chargement de l'animation...
 
 ~~~~~~~ { .html }
 <div id="anim2" style="...">
- <img src="../ellipsographe/svg/ellipsographe-1.svg" alt="animation1" style="...""/>
+ <img src="../ellipsographe/svg/ellipsographe-1.svg" alt="animation1" style="..."/>
  <div class="message" id="anim2_message">Ellipsographe</div>
  <div id="anim2_boutons">
    <button onclick="charge_anim2();">Charger l'animation</button>
@@ -375,3 +375,17 @@ Le fichier `SVGPlayerOne.js` est fourni à la racine du projet SVGAnimation.
 
 
 ## Exemples d'utilisation
+
+<div class="row">
+<div class="col-md-4">
+<a href="//melusine.eu.org/syracuse/G/svganimation-exemples/mvtretrograde/"
+alt="lien vers l'exemple"><img src="img/mvtretrograde.png"
+alt="Image de l'exemble" style="width: 100%;"/></a>
+</div>
+<div class="col-md-8">
+Animation  avec le *player* `SVGPlayerButtons` et une factorisation
+avec MetaPost du matériel qui se répète sur chaque image. Le fond
+est mis en *background* de la balise englobante, permettant ainsi
+d'alléger l'animation.
+</div>
+</div>