tuto:webapps:impress.js

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentes Révision précédente
Prochaine révision 		Révision précédente
Dernière révision Les deux révisions suivantes
tuto:webapps:impress.js [11/11/2013 11:08]
heuzef 		tuto:webapps:impress.js [12/11/2013 16:08]
dani [Lecture automatique]
Ligne 23: Ligne 23:
 ==== Lecture automatique ==== ==== Lecture automatique ====
  
-Pour ajouter une fonction de lecture automatique à strut (autoplay). Il faut modifier la fonction ''impress().init();'' du fichier HTML. 
-Cherchez et repérer le code suivant : 
  
-<code javascript>+Pour ajouter une fonction de lecture automatique à strut (autoplay). Il faut modifier la fonction ''impress().init();'' du fichier HTML. Cherchez et repérez le code suivant : 
 +<code js>
 <script> <script>
 ready(function() { ready(function() {
     if (document.getElementById('launched-placeholder'))     if (document.getElementById('launched-placeholder'))
         loadPresentation();         loadPresentation();
 + 
     if (!window.presStarted) {     if (!window.presStarted) {
         startPres(document, window);         startPres(document, window);
         impress().init();            impress().init();   
     }     }
 + 
     if ("ontouchstart" in document.documentElement) {      if ("ontouchstart" in document.documentElement) { 
         document.querySelector(".hint").innerHTML =          document.querySelector(".hint").innerHTML = 
Ligne 44: Ligne 43:
 </script> </script>
 </code> </code>
 +
  
 Et remplacez le par ce code : Et remplacez le par ce code :
  
-<code javascript>+ 
 +<code js>
 <script> <script>
 ready(function() { ready(function() {
     if (document.getElementById('launched-placeholder'))     if (document.getElementById('launched-placeholder'))
         loadPresentation();         loadPresentation();
 + 
     if (!window.presStarted) {     if (!window.presStarted) {
           startPres(document, window);           startPres(document, window);
           var autoAdvTime = 5000; //AUTOPLAY (Milliseconds)           var autoAdvTime = 5000; //AUTOPLAY (Milliseconds)
           impress().init();           impress().init();
-          window.setTimeout(autoAdv, autoAdvTime);  
           function autoAdv() {           function autoAdv() {
              impress().next();              impress().next();
              window.setTimeout(autoAdv,autoAdvTime);              window.setTimeout(autoAdv,autoAdvTime);
           }           }
 +          window.setTimeout(autoAdv, autoAdvTime); 
     }     }
 + 
     if ("ontouchstart" in document.documentElement) {      if ("ontouchstart" in document.documentElement) { 
         document.querySelector(".hint").innerHTML =          document.querySelector(".hint").innerHTML = 
Ligne 71: Ligne 72:
 </script> </script>
 </code> </code>
 +
  
 Vous pouvez facilement changer la durée des transitions en modifiant la valeur ''var autoAdvTime = 5000;''. 5000 = 5 secondes, le temps est en millisecondes. Vous pouvez facilement changer la durée des transitions en modifiant la valeur ''var autoAdvTime = 5000;''. 5000 = 5 secondes, le temps est en millisecondes.
  • tuto/webapps/impress.js.txt
  • Dernière modification: 12/11/2013 16:17
  • de heuzef