« Test2 » : différence entre les versions

Aller à la navigation Aller à la recherche
mAucun résumé des modifications
m (Contenu remplacé par « {{Animation test jour}} ---- {{Animation test jour}} »)
Balise : Contenu remplacé
Ligne 1 : Ligne 1 :
<html>
{{Animation test jour}}
Pressez ces boutons pour naviguer entre les vues&nbsp;:
----
<input id="btn-prec" type="button" value="&larr;" title="Aller à la vue précédente">
{{Animation test jour}}
<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>

Version du 20 mai 2020 à 20:16

Animation de présentation des événements d'une journée.

Utiliser les boutons pour naviguer entre les vues : Chargement…


Animation de présentation des événements d'une journée.

Utiliser les boutons pour naviguer entre les vues : Chargement…