Modèle:Animation test glg

<html>

<iframe title="Animation GLPI" style="border:2px solid black;" width="500" height="375" src="https://kono.phpage.fr/animation/glg.sozi.html">Sozi</iframe>

Animation de présentation glg.
Utiliser les boutons pour naviguer entre les vues : <input id="btn-precglg" type="button" value="←" title="Aller à la vue précédente"> Chargement… <input id="btn-suivglg" type="button" value="→" title="Aller à la vue suivante">

<script>

   window.addEventListener("load", function () {
       var frame     = document.querySelector("iframe");
       var btnPrec   = document.getElementById("btn-precglg");
       var btnSuiv   = document.getElementById("btn-suivglg");
       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>