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() { ++indiceb; if (indiceb == tabb.length) indiceb=0; 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