Test2
<html> Pressez ces boutons pour naviguer entre les vues : <input id="btn-prec" type="button" value="←" title="Aller à la vue précédente"> Chargement… <input id="btn-suiv" type="button" value="→" title="Aller à la vue suivante">
<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>
Ouvrir en plein écran
Ouvrir en plein écran
<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>