Quelques mots sur l'animation ellipsographe

[svganimation.git] / ellipsographe / animation.html
diff --git a/ellipsographe/animation.html b/ellipsographe/animation.html

new file mode 100644 (file)

index 0000000..0e2cfa9
--- /dev/null
+++ b/ellipsographe/animation.html
@@ -0,0 +1,33 @@
+<html lang="fr">
+
+  <head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link type="text/css" rel="stylesheet" href="SVGAnimation.css">
+    <title>Style présentation</title>
+  </head>
+
+  <body>
+
+    <div id="anim1" style="margin:10px auto;padding:10px;width:660px;border:2px solid #AAA;border-radius:2px">
+      <img src="svg/ellipsographe-1.svg" alt="animation1" style="width:660px;height:480px"/>
+      <div class="message" id="anim1_message">Ellipsographe</div>
+      <div id="anim1_boutons" class="SVGbutton"></div>
+    </div>
+
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
+    <script type="text/javascript" src="../SVGAnimation.js"></script>
+    <script type="text/javascript" src="../SVGPlayerOne.js"></script>
+
+    <script type="text/javascript">
+      $(window).load(function() {
+        a1 = new Animation('anim1','svg/ellipsographe-',1,91);
+        a1.delai = 60;
+        a1.loopOnload();
+        b1 = new SVGPlayerOne(a1);
+        b1.connect();
+      });
+    </script>
+  </body>
+</html>