Afficher une image toutes les 20 secondes

**sab_etudianteBTS** · 16/02/2008, 16h04

Bonjour,
Je sais qu'il y a déjà des post concernant mon probleme, mais je n'ai quand meme pas réussi a trouver la solution!! Ca fait deja une heure que je suis dessus, et je commence a fatiguer...
Voila, j'ai 2 images différentes. J'aimerais qu'elles s'affichent a tour de role, a intervalle de 20 secondes.
Voici mon code, mais ca ne fonctionne pas...

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
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
 
 
<html>
<head>
	<title>Test</title>
</head>
 
<body onload="presentation();">
 
<script type="text/javascript">
<!--
	var body = document.getElementsByTagName("body")[0];
	var piece="img1";
 
	function presentation() 
	{
		var image = document.createElement("img"); 
 
		if(piece=="img1")
		{ 
			image.setAttribute("src", "images/img1.png");  
			image.className="imagePresentation";
 
			body.appendChild(image);
 
			//La piece suivante a présenter est img2
			piece="img2";
		}
 
		if(piece=="img2")
		{ 
			image.setAttribute("src", "images/img2.png");  
			image.className="imagePresentation";
 
			body.appendChild(image);
 
			//La piece suivante a présenter est img1
			piece="img1";
		}
 
		setTimeout(function(){presentation();}, "2000");
	}  
 
//-->
</script>
 
</body>
 
</html>

Merci d'avance pour votre aide

**Jikan** · 16/02/2008, 18h27

Bonjour,

tu peux essayer ça :

Code javascript slide.js :

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
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
 
var slideimages=new Array()
 
var imgsname = new Array()
imgsname[0]="image1.png"
imgsname[1]="image2.png"
 
/* Vitesse du diaporama en millisecondes */
var slideshowspeed=20000
var i=0
var init=1
 
 
slideimages[0]=new Image()
slideimages[0].src=imgsname[i]
 
/* Fonction principale (a integrer dans la balise body onload */
function slideit(){
 
  if (slideimages[i].complete) {
 
  		document.images.slide.src=slideimages[i].src
 
//	if (i < imgsname.length-1)
	if (i < 2)
		i++
  	else {
		i=0
		init=0
  	}
  	if (init == 1) {
		slideimages[i]=new Image()
		slideimages[i].src=imgsname[i]
		}
  }
  setTimeout("slideit()",slideshowspeed)
}
 
/* NB : l'image de depart doit porter le nom 'slide' (balise "name") */

Dans le <head> :

Code à intégrer entre les balises <head> :

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

1
2
 
<script language = 'JavaScript' src='slide.js'></script>

le <body> :

Code :

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

1
2
3
4
5
 
<body onLoad="slideit();return true;">
...
<img src="image1.png" alt="..." name="slide" id="slide" width="..." height="...">
...

En espérant que ça marche (je suis pas du tout spécialiste de javascript)

Afficher une image toutes les 20 secondes

JavaScript

Vue hybride

Discussions similaires

Partager

Partager