Want to make creations as awesome as this one?

No description

More creations to inspire you

Transcript

Méli-Mélo

Mixer mode présentation et mode vidéo

Extension proposée par Patrice Nadam

Réutilisez !

Genially propose trois modes de navigation

StandarD, avec des flèches de navigationVidéo, avec un defilement automatique des pagesMicrosite, nécessitant d'utiliser l'interactivité

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

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

Comment ça marche ?

1. Conserver le mode de navigation standard

2. Ajouter la fonction Defil sur les pages à temporiser

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

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

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

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

Possibilité d'arrêter l'automatisme

et d'utiliser alors l'interactivité

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

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

à vous de tester !

Réutilisez ce Genially

Et la fonction Retour pour un retour automatique...

Code source pour le plaisir des yeux

Fonction Defil

<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>

<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>

Fonction Effanav