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

Rédigé par adm - 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

Fil Rss des articles de cette catégorie

Catégories

Archives

Mots clés

Derniers articles

Derniers commentaires