--- /dev/null
+<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>Mouvement rétrograde des planètes</title>
+ <style type="text/css">
+ #anim1 {
+ position:relative;
+ margin: 10px auto;
+ width: 652px;
+ padding: 0;
+ background: url(svg/astro000.svg);
+ background-repeat: no-repeat;
+ background-size:652px 572px;
+ }
+ </style>
+ </head>
+
+ <body>
+ <h1>Mouvement rétrograde des planètes</h1>
+
+ <p>La version originale (Maxime Chupin) de cette animation avait été
+ produite au format <b>SWF</b>, vous la trouverez
+ <a href="/syracuse/metapost/animations/chupin/?idsec=astro">ici</a>.</p>
+
+ <div id="anim1">
+ <img src="svg/astro001.svg" alt="animation1" style="top:0;left:0;width:652px;height:572px"/>
+ <div class="message" id="anim1_message">Images en cours de chargement...</div>
+ <div id="anim1_boutons"></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="../SVGPlayerButtons.js"></script>
+
+ <script type="text/javascript">
+ $(window).load(function() {
+ a1 = new Animation('anim1','svg/astro',1,721);
+ a1.delai = 40;
+ a1.pad = 3;
+ a1.loopOnload();
+ b1 = new SVGPlayerButtons(a1);
+ b1.style('full');
+ b1.connect();
+ });
+ </script>
+ </body>
+</html>