Différences
Ci-dessous, les différences entre deux révisions de la page.
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:07] heuzef créée |
tuto:webapps:impress.js [12/11/2013 16:08] dani [Lecture automatique] |
||
---|---|---|---|
Ligne 15: | Ligne 15: | ||
===== Strut ===== | ===== Strut ===== | ||
- | Strut est un editeur en ligne très efficace permettant de créer des diaporama | + | Strut est un editeur en ligne très efficace permettant de créer des diaporamas |
Site officiel : [[http:// | Site officiel : [[http:// | ||
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 '' |
+ | < | ||
< | < | ||
ready(function() { | ready(function() { | ||
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 : | ||
- | < | + | |
+ | < | ||
< | < | ||
ready(function() { | ready(function() { | ||
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 '' |