Doc: Début de la section Exemples avec mis en forme sous forme de tableu

diff --git a/doc/img/mvtretrograde.png b/doc/img/mvtretrograde.png
new file mode 100644 (file)
index 0000000..6da2b6b
Binary files /dev/null and b/doc/img/mvtretrograde.png differ

diff --git a/doc/page.html b/doc/page.html
index 38816b5..a6458c1 100644 (file)
--- a/doc/page.html
+++ b/doc/page.html
@@ -233,6 +233,19 @@ Charger l'animation
 </div>
 <p>Le fichier <code>SVGPlayerOne.js</code> est fourni à la racine du projet SVGAnimation.</p>
 <h2 id="exemples-dutilisation">Exemples d'utilisation</h2>
+<table style="width:75%;">
+<colgroup>
+<col width="66%" />
+<col width="8%" />
+</colgroup>
+<tbody>
+<tr class="odd">
+<td align="center"><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: 300px;"/></a></td>
+<td align="left">Animation avec le <em>player</em> <code>SVGPlayerButtons</code> et une factorisation avec MetaPost du matériel qui se répète sur chaque image. Le fond est mis en <em>background</em> de la balise englobante, permettant ainsi d'alléger l'animation.</td>
+</tr>
+</tbody>
+</table>
 </div>
 <div id="tdm-doc" class="tdm-loc">
   <div id="tdm-titre">SVGAnimation (documentation)</div>

diff --git a/doc/page.md b/doc/page.md
index 87c6f11..bdb3807 100644 (file)
--- a/doc/page.md
+++ b/doc/page.md
@@ -375,3 +375,8 @@ Le fichier `SVGPlayerOne.js` est fourni à la racine du projet SVGAnimation.
 
 
 ## Exemples d'utilisation
+
+|                                                 |       |
+| :---------------------------------------------: | :---- |
+| <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: 300px;"/></a>  | 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. |