Want to make creations as awesome as this one?

Transcript

Meli melo

PRESENTutorial

CHIARA ACCORDINI

MIXA

Questa presentazione è la traduzione di un tutorial di

MODALITA'VIDEOEPRESENTAZIONE

RIUTILIZZAMI

VIDEO TUTORIAL

RIUTILIZZAQUESTA PRESENTAZIONE

GENIALLY PROPONE

3 MODALITà DI NAVIGAZIONE TRA LE PAGINE

STANDARD

Frecce di navigazione automatiche

microsite

interattività per muoversi tra le pagine

video

passaggio automatico tra le pagine

Purtroppo non è possibile mescolare diapositive a tempo e non a tempo cioè non possiamo mescolare diverse modalità di navigazione in uno stesso Genially.

Il gruppo S'CAPE ha ideato una funzionalità che permette di mescolare le diapositive con o senza ritardi in ciascuna delle tue pagine.

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

1. Conserva la modalità di transizione standard

2. Copia la funzione Defil qui a fiaNco e aggiungila sulla pagina dove vuoi inserire la modalità video.( QUESTA FUNZIONE NASCONDERA' LE FRECCE DI NAVIGAZIONE)

3. INSERISCI IL NUMERO DEI SECONDI DI VISUALIZZAZIONE DELLA PAGINA IN QUESTO CODICE. POI COPIALO E INCOLLALO IN" INSERT OTHERS ". AGGIUNGILO ALLA TUA PAGINA.

4. RENDI INVISIBILE LA FUNZIONE E SE VUOI ANCHE IL CONTO ALLA ROVESCIA

come funziona ???

Nelle pagine dove non inserite la funzione video, inserite le frecce di navigazione utilizzando gli elementi interattivi.

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

CODICE COMPLETO