+++ /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>