« Test2 » : différence entre les versions

Version du 20 mai 2020 à 21:10

Pressez ces boutons pour naviguer entre les vues : Chargement…

Ouvrir en plein écran

@@ Ligne 1 : / Ligne 1 : @@
-test
+<html>
+Pressez ces boutons pour naviguer entre les vues&nbsp;:
+<input id="btn-prec" type="button" value="&larr;" title="Aller à la vue précédente">
+<span  id="titre-vue">Chargement&hellip;</span>
+<input id="btn-suiv" type="button" value="&rarr;" 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>