changement d'image automatique avec timeout

**calitom** · 04/06/2007, 18h28

Bonjour,

Je souhaiterais afficher plusieurs images avec une seule...
En fait j'aimerais que le src de ma balise img change toutes les 2 secondes de manière a changer l'image toute les 2 secondes...

Comment faire?

**SpaceFrog** · 04/06/2007, 18h31

il doit y avoir des sript sous le nom de diashow ou diaporama dans les contributions non ?

**LEK** · 04/06/2007, 18h40

Grosso modo, tu pourrais écrire quelquechose dans ce style :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
<html>
 
 
<script>
window.onload= defilImg
current_img = 0;
arrImg = ['tutu.gif','test.png','gr.jpg']
 
 
function defilImg(){
  if(current_img == arrImg.length)
  current_img = 0;
  document.getElementById('toto').src = arrImg[current_img++];
  window.setTimeout('defilImg()',1000);
}
</script>
<body>
 
<img id='toto' src='blank.gif'/>
 
</body>
</html>

A toi de gérer la mise en cache des images, etc.

**calitom** · 04/06/2007, 18h41

En fait mon probleme, c'est comment faire une boucle infinie sans bloquer l'execution du script...

**calitom** · 04/06/2007, 18h48

Merci LEK, c'est niquel!! Ca marche au poil! Merci

**mentinet** · 08/02/2012, 14h48

Bonjour,

En effet ce script marche au poils ! C'est super mais est-ce simple d'intégrer une transition par fondu ? Ou autre comme un slide vers la gauche/droite ?
Je recherche en fait, un système permettant un diaporama d'image simple, sans aucun bouton, contour, etc.

Merci

**Bovino** · 08/02/2012, 15h02

Fondu enchainé...

changement d'image automatique avec timeout

JavaScript

Discussions similaires

Partager

Partager