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
tuto:webapps:impress.js [12/11/2013 16:08]
dani [Lecture automatique] 		tuto:webapps:impress.js [12/11/2013 16:17] (Version actuelle)
heuzef
Ligne 5: Ligne 5:
 Il s'agit d'un framework qui permet de concevoir des présentations avec des transitions très sympathiques pour vos slides. Une fois que votre contenu est prêt, il suffit d’appeler impress.js Il s'agit d'un framework qui permet de concevoir des présentations avec des transitions très sympathiques pour vos slides. Une fois que votre contenu est prêt, il suffit d’appeler impress.js
  
-<code html>+<code javascript>
 <script src="js/impress.js"></script> <script src="js/impress.js"></script>
 <script>impress().init();</script> <script>impress().init();</script>
Ligne 25: Ligne 25:
  
 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 : 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>+<code javascript>
 <script> <script>
 ready(function() { ready(function() {
Ligne 48: Ligne 48:
  
  
-<code>+<code javascript>
 <script> <script>
 ready(function() { ready(function() {
Ligne 58: Ligne 58:
           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); 
     }     }
    
Ligne 75: Ligne 75:
  
 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.1384268888.txt.gz
  • Dernière modification: 12/11/2013 16:08
  • de dani