realiser galerie photo

Version imprimable

salut je trouve difficulté realiser une galerie photo au moment ou la page se load :(
le probleme c'est que sa fonctionne :(

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
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
<head>
<link rel="stylesheet" href="css/style.css" />
<style type="text/css">
#Layer1 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:1;
	left: 869px;
	top: 39px;
}
#Layer2 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:1;
	left: 869px;
	top: 39px;
}
</style>
 
<script language="javascript">
var num=1;
function affimage()
{
//alert(num);
document.images['image0'].src=document.images[num].src;
num++;
if(num>=document.images.length)
{
num=1;
}
 
var t=setTimeout("affimage()",2000);
 
}
 
 
</script>
 
</head>
 
<body onload="affimage()">
<table width="200" border="0" align="center">
  <tr>
<td><div id="Layer2"><img src="images/femme[1].png" width="480" height="734" name="image1" id="images1" />	  </div></td>
</tr>
</table>
</body>
</html>

le probleme que ca marche pas l'image ne se change pas :( svp pouvez vous m'aider :(

27/11/2009, 13h18
SpaceFrog

j'ai du mal à comprendre ...
elle spont ou les autres photos ?

tu confonds array d'images et noms de fichier

Code:

images/femme[1].png

8O8O
27/11/2009, 15h33
sooprano

Citation:

Envoyé par SpaceFrog

j'ai du mal à comprendre ...
elle spont ou les autres photos ?

tu confonds array d'images et noms de fichier

Code:

images/femme[1].png

8O8O

mes photos se trouve dans un dossier images .
qu'es c qui manque a mon code :(

Citation:

Envoyé par SpaceFrog

j'ai du mal à comprendre ...
elle spont ou les autres photos ?

tu confonds array d'images et noms de fichier

Code:

images/femme[1].png

8O8O

salut j'ai ajouter les photos qui seront afficher comme galerie dans un dossier service

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 XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
<head>
<link rel="stylesheet" href="css/style.css" />
<style type="text/css">
#Layer1 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:1;
	left: 869px;
	top: 0px;
}
 
#Layer3 {
	position:absolute;
	width:542px;
	height:115px;
	z-index:1;
	left: 299px;
	top: 128px;
	display:none;
}
</style>
 
<script language="javascript">
var num=1;
function affimage()
{
//alert(num);
document.service/images['img0'].src=document.images/service[num].src;
num++;
if(num>=document.service/images.length)
{
num=1;
}
 
var t=setTimeout("affimage()",2000);
 
}
 
 
</script>
 
</head>
 
<body onload="affimage()">
 
<div class="miniSite">
<div id="Layer1"><img src="images/service/spa1.png" width="480" height="734" name="img0" id="img0" />	  </div>
</div>
 
<div id="Layer3">
        <table width="341" border="1">
          <tr>
            <td><img src="images/service/spa1.png" alt="beauté, bien étre" name="img1" width="141" height="114" id="img1" onmouseover="document.images['img0'].src=document.images['img1'].src;document.images['img0'].alt=document.images['img1'].alt" /></td>
 
            <td><img src="images/service/spa2.png" alt="beauté" name="img2" width="106" height="111" id="img2" onmouseover="document.images['img0'].src=document.images['img2'].src;document.images['img0'].alt=document.images['img2'].alt" /></td>
 
            <td><img src="images/service/spa3.png" alt="beauté massage" name="img3" width="106" height="111" id="img3" onmouseover="document.images['img0'].src=document.images['img3'].src;document.images['img0'].alt=document.images['img3'].alt" /></td>
 
            <td><img src="images/service/spa4.png" alt="beauté massage" name="img4" width="106" height="111" id="img4" onmouseover="document.images['img0'].src=document.images['img4'].src;document.images['img0'].alt=document.images['img4'].alt" /></td>
 
            <td><img src="images/service/spa5.png" alt="beauté massage" name="img5" width="106" height="111" id="img5" onmouseover="document.images['img0'].src=document.images['img5'].src;document.images['img0'].alt=document.images['img5'].alt" /></td>
          </tr>
        </table>
      </div>
</body>
</html>

le probleme que sa marche pas :(

30/11/2009, 12h09
SpaceFrog

fais une recherche sur le forum avec preload d'images