Script JavaScriptDiaporama 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>
<!--
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.
