Test2 : Différence entre versions

De Kono Phil Ceci est la tagline
Aller à : navigation, rechercher
m
m (Contenu remplacé par « {{Animation test jour}} ---- {{Animation test jour}} »)
(Balise : 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 à 21: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…