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.


< Page précédente SCRIPT JAVASCRIPT