Meli-Melo 1

VERSION 2 disponible

Méli-Mélo 1

Réutilisez !

Extension proposée par Patrice Nadam

Mixer mode présentation et mode vidéo

StandarD, avec des flèches de navigation Vidéo, avec un defilement automatique des pages Microsite, nécessitant d'utiliser l'interactivité

Genially propose trois modes de navigation

Malheureusement, on ne peut pas mixer les modes.on ne peut pas mélanger diapos temporisées et non temporisées.

S'CAPE vous propose de mixer des diapos avec ou sans délaià chacune de vos pages

4. Rendre invisibles la fonction et éventuellement le nombre de secondes

(ce script modifié est à copier-coller dans Insérer </>AUTRES)

3. Préciser pour chaque page le temps en secondes désiré

(cette fonction masque les flèches de navigation et déclenche le défilement)

2. Ajouter la fonction Defil sur les pages à temporiser

1. Conserver le mode de navigation standard

Comment ça marche ?

<delai>10</delai> <script></script>

(Il est préférable de ne pas utiliser une autre navigation sur une page avec temporisation)

En utilisant éventuellement la fonction Effanav pour cacher les flèches de navigation

et d'utiliser alors l'interactivité

Possibilité d'arrêter l'automatisme

Et la fonction Retour pour un retour automatique...

Réutilisez ce Genially

à vous de tester !

Fonction Effanav

<div id="effanav">Fonction Effanav</div> <script> function effanav(){ if (document.querySelector(".genially-view-arrow-right")){document.querySelector(".genially-view-arrow-right").style.visibility="hidden";} if (document.querySelector(".genially-view-arrow-left")){document.querySelector(".genially-view-arrow-left").style.visibility="hidden";} } effanav(); var inter=setInterval(effanav, 1000); </script>

<div id="defil">Fonction Defil</div> <script> var url = window.location.pathname.split( "/" ); var refgenial= url[1]; if (refgenial!="editor") { var delai=(document.querySelector("delai").innerHTML)*1000; function rebours() { var temps=(document.querySelector("delai").innerHTML)-1; document.querySelector("delai").innerHTML=temps; } var inter=setInterval(rebours, 1000); setTimeout(function() { document.getElementsByClassName('genially-view-arrow-right')[0].click(); if (document.querySelector(".genially-view-arrow-right")){document.querySelector(".genially-view-arrow-right").style.visibility="hidden";} if (document.querySelector(".genially-view-arrow-left")){document.querySelector(".genially-view-arrow-left").style.visibility="hidden";} clearInterval(inter); }, delai); if (document.querySelector(".genially-view-arrow-right")){document.querySelector(".genially-view-arrow-right").style.visibility="hidden";} if (document.querySelector(".genially-view-arrow-left")){document.querySelector(".genially-view-arrow-left").style.visibility="hidden";} } </script>

Fonction Defil

Code source pour le plaisir des yeux