ellipsographe/animations.html

   1 <html lang="fr">
   2
   3   <head>
   4     <meta charset="UTF-8">
   5     <meta http-equiv="X-UA-Compatible" content="IE=edge">
   6     <meta name="viewport" content="width=device-width, initial-scale=1">
   7     <link type="text/css" rel="stylesheet" href="SVGAnimation.css">
   8     <title>Style présentation</title>
   9   </head>
  10
  11   <body>
  12
  13     <div id="anim1" style="margin:10px auto;padding:10px;width:660px;border:2px solid #AAA;border-radius:2px">
  14       <img src="svg/ellipsographe-1.svg" alt="animation1" style="width:660px;height:480px"/>
  15       <div class="message" id="anim1_message">Ellipsographe</div>
  16       <div id="anim1_boutons" class="SVGbutton"></div>
  17     </div>
  18
  19     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
  20     <script type="text/javascript" src="../SVGAnimation.js"></script>
  21     <script type="text/javascript" src="../SVGPlayerOne.js"></script>
  22
  23     <script type="text/javascript">
  24       $(window).load(function() {
  25         a1 = new Animation('anim1','svg/ellipsographe-',1,91);
  26         a1.delai = 60;
  27         a1.loopOnload();
  28         b1 = new SVGPlayerOne(a1);
  29         b1.connect();
  30       });
  31     </script>
  32   </body>
  33 </html>