Bonjour a tous,
je voyais pas trop ou poster cette question me suis dit je vais la mettre ici désolé si c'est pas le bon endroit.
Voila ce qui m'amène a vous écrire, après de longues années de pause je me remet à la création de site (en 12 ans sans toucher du html et tout et tout ya eu du changement pfiouu).
Donc je créé mon chti site avec dreamweaver tranquillement (plus compliqué que notepad ), tous se passe bien et j'en arrive au comportement affiché/masqué calque pour la partie galerie de mon site c'est cool, le seul problème c'est quand je clique sur une image miniature pour afficher la version grande sa me ramène forcement en haut de page , idem quand je la ferme, pourquoi ???
Alors donc j'ai essayer de contourner le problème en testant de nombreux scripts (simuler popup comme lightview , sa version anglaise aussi, etc...) mais comme un gros naze j'arrive pas a les adapter a ma page enfin bref je pourrais écrire un roman sur cette galère (une nuit blanche quand même sisi) j'ai honte, quelqu'un pourrait-il m'aider ??
Je vous met le code au cas ou sa vous intéresse :
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
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
 
<!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=utf-8" />
<title>La Fabrique - Visite</title>
<style type="text/css">
<!--
#Contenu {
        position:absolute;
        width:582px;
        height:792px;
        z-index:1;
        left: 88px;
        top: 9px;
        background-color:#ffefb9;
        border: 1px solid #b96800;
        visibility: visible;
}
a img
 
{
 
  border:  none ;
 
}
#Menu {
        position:absolute;
        width:200px;
        height:245px;
        z-index:2;
        left: -21px;
        top: -7px;
        visibility: visible;
}
#textvisit {
        position:absolute;
        left:30px;
        top:256px;
        width:398px;
        height:23px;
        z-index:2;
        visibility: visible;
}
#visit0 {
        position:absolute;
        left:9px;
        top:299px;
        width:201px;
        height:151px;
        z-index:2;
        visibility: visible;
}
#visit1 {
        position:absolute;
        left:216px;
        top:325px;
        width:166px;
        height:151px;
        z-index:2;
        visibility: visible;
}
#visit2 {
        position:absolute;
        left:424px;
        top:289px;
        width:151px;
        height:201px;
        z-index:2;
        visibility: visible;
}
#textatt {
        position:absolute;
        left:19px;
        top:516px;
        width:402px;
        height:22px;
        z-index:2;
        visibility: visible;
}
#visit3 {
        position:absolute;
        left:26px;
        top:553px;
        width:151px;
        height:200px;
        z-index:2;
        visibility: visible;
}
#visit4 {
        position:absolute;
        left:221px;
        top:577px;
        width:151px;
        height:200px;
        z-index:2;
        visibility: visible;
}
#visit5 {
        position:absolute;
        left:405px;
        top:551px;
        width:150px;
        height:200px;
        z-index:2;
        visibility: visible;
}
#visit0gr {
        position:absolute;
        left:39px;
        top:261px;
        width:507px;
        height:395px;
        z-index:3;
        background-color:#ffefb9;
        border: 1px solid #b96800;
        visibility: hidden;
}
.Style1 {
        font-size: 10px
}
.Style2 {font-size: 12px}
#visit1gr {
        position:absolute;
        left:39px;
        top:261px;
        width:507px;
        height:395px;
        z-index:3;
        background-color:#ffefb9;
        border: 1px solid #b96800;
        visibility: hidden;
}
#visit2gr {
        position:absolute;
        left:39px;
        top:261px;
        width:507px;
        height:395px;
        z-index:3;
        background-color:#ffefb9;
        border: 1px solid #b96800;
        visibility: hidden;
}
#visit3gr {
        position:absolute;
        left:101px;
        top:261px;
        width:385px;
        height:520px;
        z-index:3;
        background-color:#ffefb9;
        border: 1px solid #b96800;
        visibility: hidden;
}
#visit4gr {
        position:absolute;
        left:98px;
        top:250px;
        width:387px;
        height:521px;
        z-index:3;
        background-color:#ffefb9;
        border: 1px solid #b96800;
        visibility: hidden;
}
#visit5gr {
        position:absolute;
        left:101px;
        top:255px;
        width:384px;
        height:521px;
        z-index:3;
        background-color:#ffefb9;
        border: 1px solid #b96800;
        visibility: hidden;
}
-->
</style>
<script type="text/javascript">
<!--
function MM_showHideLayers() { //v9.0
  var i,p,v,obj,args=MM_showHideLayers.arguments;
  for (i=0; i<(args.length-2); i+=3) 
  with (document) if (getElementById && ((obj=getElementById(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="Contenu">
    <div id="visit0gr">
 
    <div align="center" class="Style1"><a href="#" class="Style2" onclick="MM_showHideLayers('visit0gr','','hide')">-fermer-</a><br />
        <img src="img/visit0gr.jpg" width="500" height="375" /></div>
  </div>
  <div id="visit1gr">
    <div align="center" class="Style1"><a href="#" class="Style2" onclick="MM_showHideLayers('visit1gr','','hide')">-fermer-</a><br />
      <img src="img/visit1gr.jpg" width="500" height="375" /></div>
  </div>
  <div id="visit2gr">
    <div align="center" class="Style1"><a href="#" class="Style2" onclick="MM_showHideLayers('visit2gr','','hide')">-fermer-</a><br />
        <img src="img/visit0gr.jpg" alt="" width="500" height="375" /></div>
  </div>
  <div id="visit3gr">
    <div align="center" class="Style1"><a href="#" class="Style2" onclick="MM_showHideLayers('visit3gr','','hide')">-fermer-</a><br />
      <img src="img/visit3gr.jpg" width="375" height="500" /></div>
  </div>
  <div id="visit4gr">
    <div align="center" class="Style1"><a href="#" class="Style2" onclick="MM_showHideLayers('visit4gr','','hide')">-fermer-</a><br />
      <img src="img/visit4gr.jpg" width="375" height="500" /></div>
  </div>
  <div id="visit5gr">
    <div align="center" class="Style1"><a href="#" class="Style2" onclick="MM_showHideLayers('visit5gr','','hide')">-fermer-</a><br />
      <img src="img/visit5gr.jpg" width="375" height="500" /></div>
  </div>
  <div id="visit5"><a href="#"><img src="img/visit5.jpg" width="150" height="200" onclick="MM_showHideLayers('visit5gr','','show')" /></a></div>
  <div id="visit4"><a href="#"><img src="img/visit4.jpg" width="150" height="200" onclick="MM_showHideLayers('visit4gr','','show')" /></a></div>
  <div id="visit3"><a href="#"><img src="img/visit3.jpg" width="150" height="200" onclick="MM_showHideLayers('visit3gr','','show')" /></a></div>
  <div id="textatt">Et voici la partie atelier ou nous fabriquons toutes nos chaussures :</div>
  <div id="visit2"><a href="#"><img src="img/visit2.jpg" width="150" height="200" onclick="MM_showHideLayers('visit2gr','','show')" /></a></div>
  <div id="visit1"><a href="#"><img src="img/visit1.jpg" width="200" height="150" onclick="MM_showHideLayers('visit1gr','','show')" /></a></div>
  <div id="visit0"><a href="#"><img src="img/visit0.jpg" width="200" height="150" onclick="MM_showHideLayers('visit0gr','','show')" /></a></div>
  <div id="textvisit">Nous vous proposons de visiter virtuellement notre boutique : </div>
  <div id="Menu"><img src="img/menu.jpg" width="626" height="226" border="0" usemap="#Map" />
<map name="Map" id="Map"><area shape="rect" coords="72,140,147,162" href="acceuil.html" />
<area shape="rect" coords="152,165,204,184" href="visite.html" />
<area shape="rect" coords="212,143,336,162" href="produits.html" />
<area shape="rect" coords="342,164,426,182" href="contact.html" />
</map>
</div>
</div>
</body>
</html>