From: Jean-Michel Sarlat <jm.sarlat@gmail.com> Date: Sun, 13 Nov 2016 13:10:39 +0000 (+0100) Subject: Connection du player X-Git-Url: https://melusine.eu.org/syracuse/G/git/?a=commitdiff_plain;h=6d606d94291597688837915dbd1f062cce895772;p=svganimation.git Connection du player --- diff --git a/doc/page.html b/doc/page.html index dcd5c57..4b5a53c 100644 --- a/doc/page.html +++ b/doc/page.html @@ -5,6 +5,8 @@ function charge(i,p,a,b) { var anim = new Animation(i,p,a,b); anim.loopOnload(); + player = new Controle(anim); + player.connect(); } </script> <p><strong>Participants :</strong> Chupin Maxime, Sarlat Jean-Michel.</p> diff --git a/doc/page.md b/doc/page.md index 8aed0b1..a82e3fe 100644 --- a/doc/page.md +++ b/doc/page.md @@ -23,15 +23,15 @@ SVG. 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 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 id="anim1" 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="anim1_message">Ellipsographe</div> <div id="anim1_boutons"><button onclick="charge('anim1','../ellipsographe/svg/ellipsographe-',1,91);">Charger l'animation</button></div> </div>