Utilisation d'une variable Javascript en html

Bonjour,

Le but recherché est de réalisé un diaporama sur une page web statique. Le problème que je rencontre actuellement est le suivant:
Peut-on récupérer la valeur contenu dans une variable en javascript et l'utiliser en html?
Plus concretement, je n'arrive pas à récupérer la source de l'image qui est contenu dans variable javascript :? .
Si quelqu'un à une idée je suis preneur!!

Code:

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
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Document sans nom</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<form name="form1" method="post" action="">
<script language="JavaScript">
	window[num]=1;
	window[nbr_photo]=8;
	window[source]="photo/1.jpg";	
 
	function bonne_source()
	{
		var photo_source = new Array;
		photo_source[1]="photo/1.jpg";
		photo_source[2]="photo/2.jpg";
		photo_source[3]="photo/3.jpg";
		photo_source[4]="photo/4.jpg";
		photo_source[5]="photo/5.jpg";
		photo_source[6]="photo/6.jpg";
		photo_source[7]="photo/7.jpg";
		photo_source[8]="photo/8.jpg";
		source=photo_source[num];
	}
 
	function prem_photo() 
	{
		num=1;
		bonne_source();
	}
 
	function pred_photo() 
	{
		if (num != 1)
		{
		num=num-1;
		bonne_source();
		}
	}
 
	function suiv_photo() 
	{
		if (num != nbr_photo)
		{
		num=num+1;
		bonne_source();
		}
	}
 
	function fin_photo() 
	{
		num=nbr_photo;
		bonne_source();
	}
</script>
</head>
<body>
  <div align="center">
    <p><img name="Photo" src=??? width="640" height="480" alt="" style="background-color: #00FFCC"></p>
    <p><label>truc</label>&nbsp;</p>
    <p>
      <input name="prem" type="submit" id="prem" value="D&eacute;but" onClick="prem_photo();">
      <input name="pred" type="submit" id="pred" value="Pr&eacute;cedent" onClick="pred_photo();">
      <input name="suiv" type="submit" id="suiv" value="Suivant" onClick="suiv_photo();">
      <input name="fin" type="submit" id="fin" value="Fin" onClick="fin_photo();">
    </p>
  </div>
</form>
</body>
</html>

Merci d'avance :P

Dans ta fonction bonne_source, il faut changer l'attribut source de ton élement HTML img.

Pour cela, affecte lui un id (un nom unique), et fais:
Code:

1 2 document.getElementById('idImage').src=source;
Pense à executer la fonction une première fois au chargement de la page, ou initialise l'attribut src de ton document à ta première photo.

Bonne chance.

Essaie un truc du genre :
Code:

1 2 var diap = new Image; diap.src = 'photo/1.jpg';
puis

Code:

<img src="diap" />

:roll:

Le problème persiste, je n'arrive pas à changer de diapo à l'aide des boutons!! Peut être ai-je fait aussi une erreur à ce nivo!! :(