Voila un javascript de diaporama automatique, séquentiel et aléatoire.
[cpp]
<script>
//
// ======= DIAPORAMA SEQUENTIEL, ALEATOIRE ET AUTOMATIQUE ==============
// Mettre les images visuel1.jpg à visuelXXX.jpg dans un dossier diaporama
// ================================================================
// on initialise le compteur d'images
var compteur = 1;
// le nombre total d'images
var total_img = 215;
// i pour le tirage aléatoire
var i;
// le délai du défilement automatique en secondes
var timeDelay = 5;
timeDelay *= 1000;
// La fonction pour faire monter le compteur
function monter() {
compteur += 1;
if ( compteur == (total_img + 1) ) {
compteur = 1;
}
document.vignette.src = "diaporama/visuel" + compteur + ".jpg";
document.formulaire.numero.value = compteur;
}
// La fonction pour faire descendre le compteur
function descendre() {
compteur += -1;
if ( compteur < 1 ) {
compteur = total_img;
}
document.vignette.src = "diaporama/visuel" + compteur + ".jpg";
document.formulaire.numero.value = compteur;
}
// La fonction de remise à zéro
function zero() {
document.vignette.src = "diaporama/visuel1.jpg";
compteur = 1;
document.formulaire.numero.value = compteur;
}
// La fonction de tirage aléatoire - Préciser le Nbre de photos
function imagealeatoire() {
i = Math.floor(215 * Math.random() + 1);
compteur = i;
document.vignette.src = "diaporama/visuel" + compteur + ".jpg";
document.formulaire.numero.value = compteur;
}
// Le bouton du défilement automatique
function ap(text) {
document.formulaire.slidebutton.value = (text == "Désactiver le défilement automatique") ? "Activer le défilement automatique" : "Désactiver le défilement automatique";
rotate();
}
// La fonction de défilement
function rotate() {
if (document.formulaire.slidebutton.value == "Désactiver le défilement automatique") {
compteur = (compteur == total_img) ? 1 : compteur+1;
document.vignette.src = "diaporama/visuel" + compteur + ".jpg";
document.formulaire.numero.value = compteur;
window.setTimeout("rotate()", timeDelay);
}
}
</script>
[/cpp]
Avec le code Html pour afficher le diapo et les boutons de commande.
[cpp]
<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tr>
<td valign="middle" align="left">
<form name="formulaire">
<input type=button name="slidebutton" class="txtchapeau" onClick="ap(this.value);" value="Activer le défilement automatique" title="Toutes les 5 secondes."><br><br>
<input type="button" value="Retour au début" OnClick="zero();">
<input type="button" value="Précédent" OnClick="descendre();">
<input type="button" value="Suivant" OnClick="monter();">
<input type="button" value="Tirage aléatoire" OnClick="imagealeatoire();">
N° <input type="text" name="numero" size="3" value=""> / 215 images.<br><br>
<image src="diaporama/visuel1.jpg" name="vignette" border="0">
</form>
</td>
</tr>
</table>
[/cpp]
