Mince alors!

[svganimation.git] / doc / page.md

diff --git a/doc/page.md b/doc/page.md
index 0458ea1..8aed0b1 100644 (file)
--- a/doc/page.md
+++ b/doc/page.md
@@ -1,4 +1,12 @@
-# Documentation du projet SVGAnimation
+<script type="text/javascript" src="../SVGAnimation.js"></script>
+<script type="text/javascript" src="../SVGPlayerOne.js"></script>
+<script type="text/javascript">
+  function charge(i,p,a,b) {
+    var anim = new Animation(i,p,a,b);
+    anim.loopOnload();
+  }
+</script>
+
 
 **Participants :** Chupin Maxime, Sarlat Jean-Michel.
 
@@ -13,8 +21,23 @@ SVG.
 
 ## Installation
 
+Le fichier `SVGAnimation.js` (que l'on supposera dans le répertoire `js`) est à charger dans la page `html` en mettant les lignes suivantes :
+
+       <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
+    <script type="text/javascript" src="js/SVGAnimation.js"></script>
+
+La librairie `SVGAnimation.js` dépend de `JQuery`, il faut donc charger charger cette bibliothèque JavaScript avant. 
+
 ## L'objet `Animation`
 
+<div id="anim1" style="margin:10px auto;padding:10px;width:660px;border:2px solid #AAA;border-radius:4px">
+  <img src="../ellipsographe/svg/ellipsographe-1.svg" alt="animation1" style="width:660px;height:480px"/>
+  <div class="message" id="anim1_message">Ellipsographe</div>
+  <div id="anim1_boutons"><button onclick="charge('anim1','../ellipsographe/svg/ellipsographe-',1,91);">Charger l'animation</button></div>
+</div>
+
+
+
 ### Les paramètres
 
 ## Les *players*