Comment faire un diaporama en javascript

Quelques lignes de javascript qui vont vous permettre d'obtenir un diaporama dans vos messages.
Pour adapter ce code en fonction de vos besoins, changer les adresses des images en rouge par des les adresses d'images que vous avez mises en lignes ou trouvées sur internet.


Il est recommandé d'avoir le même ratio pour l'ensemble des images qui apparaissent dans le diaporama.

Vous pouvez adapter ce code très simplement:

• en augmentant ou réduisant le nombre d'images
  > ajoutez couv[5] puis couv[6] (ou supprimez couv[4] etc...)
• les dimensions du diaporama sont définies dans cette partie du code
  innerHTML ='<img width="300" heigth="200" src="'+ couv[num] + '"> adaptez en fonction des besoins (vous pouvez utilisez MeasureIt)

•  en augmentant ou réduisant le rythme du diaporama
  > modifiez la valeur 2000 dans setTimeout("ChangeImage()", 2000); soit 2 secondes
  > 4000 = 4 secondes
  > 3500 = 3 secondes et demi

<script type="text/javascript">
couv = new Array;
couv[0] = 'http://www.adressedel'image/img1.jpg'
couv[1] = 'http://www.adressedel'image/img2.jpg'
couv[2] = 'http://www.adressedel'image/img3.jpg'
couv[3] = 'http://www.adressedel'image/img4.jpg'
couv[4] = 'http://www.adressedel'image/img5.jpg'
num = 2

function ChangeImage()
{
if (num == -1) { num = (couv.length-1)}
if(document.getElementById)
{
document.getElementById("zone").innerHTML ='<img width="300" heigth="200" src="'+ couv[num] + '"> ';
num = num-1
}
setTimeout("ChangeImage()", 2000);
}
window.onload = ChangeImage;
//-->
</script>
<div id="zone"></div><noscript></noscript>


Ci-dessous un exemple avec 6 images