Clignotement d'image en changeant l'image par une autre

Rédigé par adm le 20 mai 2013

Voici le script pour remplacer une image par une ou plusieurs autres, ce qui génère un clignotement

<script type="text/javascript"> 
var tabb=new Array( "image1.jpg", "images2.jpg, image3.jpg");
var indiceb=0;
function nouvelleImage() {
&nbsp; ++indiceb;
&nbsp; if (indiceb == tabb.length)
&nbsp;&nbsp;&nbsp; indiceb=0;
&nbsp; document.images['change'].src=tabb[indiceb];
}
setInterval("nouvelleImage();", 1000);
</script>

 

  • Le tableau des "images" :
    • la liste des (chemins vers les) images est placée dans le tableau.
    • Les images (gif ou jpg) doivent avoir la même dimension et leur nombre n'est pas fixé.
  • La fonction SetInterval déclanche les instructions Javascripts (en premier argument) selon une période en millisecondes précisée dans le second argument :
    le temps d'exposition de chaque image est de 1000 millisecondes, soit 1 seconde.

Puis vous insérer le code de la balise HTML :

<img name="change" src="image1.jpg" border="0">

 

Classé dans : Javascript, - Mots clés : javascript, image, clignotement - 1 commentaire

Catégories

Archives

Mots clés

Derniers articles

Derniers commentaires