Easy-Micro


LANGAGE Script JavaScript
Diaporama 2

Un diaporama JavaScript à défilement automatique



Exemple de diaporama à défilement automatique :



Attention : ce script est en 2 parties, une dans le HEAD et l'autre dans le BODY de votre document

Partie 1 à copier/coller dans votre HEAD :
<script>
<!--
var delai= 3; // délai de transition

// nom et adresse des images (à modifier!)
var mesimages = new Array("image_1.jpg","image_2.jpg","image_3.jpg");

var combien = mesimages.length;
delai *= 1000;
var numeroImage = 0;
var imageCourante = new Image();
imageCourante.src = mesimages[numeroImage];

function syva() {
setInterval("monDiapo()", delai);
}

function monDiapo() {
numeroImage++;
if (numeroImage == combien) {
numeroImage = 0;
}

imageCourante.src = mesimages[numeroImage];
document["imageChangante"].src = imageCourante.src;
}

window.onload = syva

// End -->
</script>


Partie 2 à copier/coller dans votre BODY :
<img name="imageChangante" src="images_1.jpg" />

Après avoir modifier le nom de l'image (images_1.jpg), placez cette balise image (img) à l'endroit où vous souhaitez que le diaporama apparaissent.


Suivez les aventures des skippers aquitains sur EasyVoile.com
Flux RSS Easy-Micro - Abonnez-vous Easy-Micro [ François Bisch ]
Mardi 25 juin 2019 - Semaine 26 - Saint Prosper (Demain: Saint Anthelme)
Aujourd'hui, c'est l'anniversaire de George Michael (1963-56 ans), auteur-compositeur-interprète anglais. Autre 25 juin: 1991 - La Croatie et la Slovénie proclament lеur indépendance de la Yοugoslavie.
Haut de page Easy-Micro