Différences
Ci-dessous, les différences entre deux révisions de la page.
Les deux révisions précédentes Révision précédente Prochaine révision | Révision précédente | ||
tuto:webapps:impress.js [11/11/2013 11:08] heuzef |
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 | ||
- | < | + | < |
<script src=" | <script src=" | ||
< | < | ||
Ligne 23: | Ligne 23: | ||
==== Lecture automatique ==== | ==== Lecture automatique ==== | ||
- | Pour ajouter une fonction de lecture automatique à strut (autoplay). Il faut modifier la fonction '' | ||
- | Cherchez et repérer le code suivant : | ||
+ | Pour ajouter une fonction de lecture automatique à strut (autoplay). Il faut modifier la fonction '' | ||
<code javascript> | <code javascript> | ||
< | < | ||
Ligne 31: | Ligne 30: | ||
if (document.getElementById(' | if (document.getElementById(' | ||
loadPresentation(); | loadPresentation(); | ||
+ | |||
if (!window.presStarted) { | if (!window.presStarted) { | ||
startPres(document, | startPres(document, | ||
impress().init(); | impress().init(); | ||
} | } | ||
+ | |||
if (" | if (" | ||
document.querySelector(" | document.querySelector(" | ||
Ligne 44: | Ligne 43: | ||
</ | </ | ||
</ | </ | ||
+ | |||
Et remplacez le par ce code : | Et remplacez le par ce code : | ||
+ | |||
<code javascript> | <code javascript> | ||
Ligne 52: | Ligne 53: | ||
if (document.getElementById(' | if (document.getElementById(' | ||
loadPresentation(); | loadPresentation(); | ||
+ | |||
if (!window.presStarted) { | if (!window.presStarted) { | ||
startPres(document, | startPres(document, | ||
var autoAdvTime = 5000; //AUTOPLAY (Milliseconds) | var autoAdvTime = 5000; //AUTOPLAY (Milliseconds) | ||
impress().init(); | impress().init(); | ||
- | window.setTimeout(autoAdv, | ||
function autoAdv() { | function autoAdv() { | ||
| | ||
| | ||
} | } | ||
+ | window.setTimeout(autoAdv, | ||
} | } | ||
+ | |||
if (" | if (" | ||
document.querySelector(" | document.querySelector(" | ||
Ligne 71: | Ligne 72: | ||
</ | </ | ||
</ | </ | ||
+ | |||
Vous pouvez facilement changer la durée des transitions en modifiant la valeur '' | Vous pouvez facilement changer la durée des transitions en modifiant la valeur '' |