Impossible de faire une galerie avec des photos apparaissant en fondu

**daphpassion** · 16/03/2009, 19h05

Bonjour a tous,
nouveau sur votre forum je vous salut,
passionné de photos, je souhaite creer mon site, et les problemes commences.

je vous passe les codes pour m'aider a faire une galerie avec des photos qui apparaissent en fondu en cliquant sur les vignettes, mais déja je n'arrive pas a afficher mes photos 3 et 4 .
pouvez vous m'aider
vous avez compris que j'etais novice
merci d'avance Laurent

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
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
<!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>Routes du nord 2009</title>
<style type="text/css">
<!--
 
#photo1 {
	position:absolute;
	left:200px;
	top:40px;
	margin-left : auto;
	margin-right : auto;
	/*z-index:5;*/
}
#photo2 {
	position:absolute;
	left:200px;
	top:40px;
	width:110px;
	height:167px;
	z-index:4;
	visibility: hidden;
}
#photo3 {
	position:absolute;
	left:200px;
	top:40px;
	width:110px;
	height:167px;
	z-index:4;
	visibility: hidden;
}
#photo4 {
	position:absolute;
	left:200px;
	top:40px;
	width:110px;
	height:167px;
	z-index:4;
	visibility: hidden;
}
#photo5 {
	position:absolute;
	left:200px;
	top:40px;
	width:110px;
	height:167px;
	z-index:4;
	visibility: hidden;
}
#photo6 {
	position:absolute;
	left:200px;
	top:40px;
	width:110px;
	height:167px;
	z-index:4;
	visibility: hidden;
}
 
#menu {
	position:absolute;
	margin-left : 15px;
	top:480px;
}
body {
	background-color: #000000;
}
-->
</style>
<script type="text/JavaScript">
<!--
function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}
 
function MM_showHideLayers() { //v6.0
  var i,p,v,obj,args=MM_showHideLayers.arguments;
  for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
    obj.visibility=v; }
}
//-->
</script>
</head>
 
<body>
<div id="photo1">
  <div align="left"><img src="c:\Documents and settings\Propriétaire\Mes documents\DIAPHPASSION\rallyes\rdn2009\p\debackere-1.jpg" alt="blue Train" width="600" height="407" align="middle" /><br />
    Debackere </div>
</div>
 
<div id="photo2"><img src="c:\Documents and settings\Propriétaire\Mes documents\DIAPHPASSION\rallyes\rdn2009\p\bruyneel.jpg" alt="coltrane time" width="600" height="407" /><br />
Bruyneel </div>
 
<div id="photo3"><img src="c:\Documents and settings\Propriétaire\Mes documents\DIAPHPASSION\rallyes\rdn2009\p\valentin.jpg" alt="coltrane time" width="600" height="407" /><br />
valentin </div>
 
<div id="photo3"><img src="c:\Documents and settings\Propriétaire\Mes documents\DIAPHPASSION\rallyes\rdn2009\p\baessens-1.jpg" alt="coltrane time" width="600" height="407" /><br />
valentin </div>
 
<div id="menu"><a href="#" onclick="MM_showHideLayers('photo1','','show','photo2','','hide','photo3','','hide')"><img src="c:\Documents and settings\Propriétaire\Mes documents\DIAPHPASSION\rallyes\rdn2009\v\debackere 1.jpg" /></a><a href="#" onclick=
"MM_showHideLayers('photo1','','hide','photo2','','show','photo3','','hide')"><img src="c:\Documents and settings\Propriétaire\Mes documents\DIAPHPASSION\rallyes\rdn2009\v\bruyneel.jpg"></a><a href="#" onclick=
"MM_showHideLayers('photo1','','hide','photo2','','hide','photo3','','show','photo3','','hide','photo4','','hide')"><img src="c:\Documents and settings\Propriétaire\Mes documents\DIAPHPASSION\rallyes\rdn2009\v\baessens-1.jpg"></a><a href="#" onclick=
"MM_showHideLayers('photo1','','hide','photo2','','hide','photo3','','hide','photo4','','show')"><img src="c:\Documents and settings\Propriétaire\Mes documents\DIAPHPASSION\rallyes\rdn2009\v\valentin.jpg"></a><a href="#" onclick=
</a> </div>
</body>
</html>

**Alt157** · 16/03/2009, 19h40

Bonsoir et bienvenue

Regardes dans ton HTML, tu as mis deux fois l'ID photo3... Essayes dans un premier temps d'en changer un pour l'appeler photo4.

Sinon si tu peux essayer d'utiliser des liens relatifs au lieu de liens absolus pour tes images. Cela peut être mieux pour la suite si tu veux créer un site

**12monkeys** · 16/03/2009, 19h46

Bonsoir

Je dirais de commencer par mettre un chemin relatif vers tes images, ce sera plus simple pour la maintenance et au moment où tu mettre ce site en ligne...

Utilises aussi des slashs dans tes chemins, pas d'antislashs qui ne fonctionnent que avec IE, regarde ton site avec firefox, les images ne s'afficheront pas...

Pour le reste c'est un problème javascript je pense, je laisse la place aux spécialistes...

Impossible de faire une galerie avec des photos apparaissant en fondu

JavaScript

Vue hybride

Discussions similaires

Partager

Partager