|
|
Ligne 1 : |
Ligne 1 : |
| <html>
| | {{Animation test jour}} |
| Pressez ces boutons pour naviguer entre les vues :
| | ---- |
| <input id="btn-prec" type="button" value="←" title="Aller à la vue précédente">
| | {{Animation test jour}} |
| <span id="titre-vue">Chargement…</span>
| |
| <input id="btn-suiv" type="button" value="→" title="Aller à la vue suivante">
| |
| | |
| <div style="border:2px solid black;"><iframe title="Animation GLPI" style="border:2px solid black;" width="400" height="300" src="https://kono.phpage.fr/animation/tutorial-layers.fr.sozi.html">Sozi</iframe><br />
| |
| Ouvrir en plein écran</div>
| |
| | |
| <script>
| |
| window.addEventListener("load", function () {
| |
| var frame = document.querySelector("iframe");
| |
| var btnPrec = document.getElementById("btn-prec");
| |
| var btnSuiv = document.getElementById("btn-suiv");
| |
| var spanTitre = document.getElementById("titre-vue");
| |
| | |
| var player = frame.contentWindow.sozi.player;
| |
| | |
| spanTitre.innerHTML = player.currentFrame.title;
| |
| | |
| btnPrec.addEventListener("click", function () {
| |
| player.moveToPrevious();
| |
| }, false);
| |
| | |
| btnSuiv.addEventListener("click", function () {
| |
| player.moveToNext();
| |
| }, false);
| |
| | |
| player.addListener("frameChange", function () {
| |
| spanTitre.innerHTML = player.currentFrame.title;
| |
| });
| |
| }, false);
| |
| </script>
| |
| </html>
| |