changement d'image automatique avec timeout

Version imprimable

04/06/2007, 17h28
calitom

changement d'image automatique avec timeout

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?
04/06/2007, 17h31
SpaceFrog

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

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

Code:

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. :D

04/06/2007, 17h41
calitom

En fait mon probleme, c'est comment faire une boucle infinie sans bloquer l'execution du script...
04/06/2007, 17h48
calitom

Merci LEK, c'est niquel!! Ca marche au poil! Merci
08/02/2012, 13h48
mentinet

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
08/02/2012, 14h02
Bovino

:recherch:
:fleche: Fondu enchainé...