Préchargement Comportement "Afficher-masquer les éléments" Dreamweaver CS4

**Pola-X** · 23/02/2010, 16h20

Bonjour à tous !

J'ai fait plusieurs recherches mais je n'ai encore rien trouvé sur le sujet et j'ai vraiment besoin d'une aide.

J'ai fait mon portfolio sur Dreamweaver avec quelques éléments flash et, pour construire mes galeries, j'ai utilisé le comportement "Afficher-masquer les éléments" qui fonctionne bien.

Le problème est le chargement des éléments. Quand je teste mes galeries dans le navigateur (Firefox) tous les éléments flash et les images sont visibles les uns sur les autres et ce avant que l'on ait cliqué sur quoique ce soit.

J'ai essayé d'arranger ça en masquant tous les éléments sauf le menu avec le même comportement Afficher-masquer en sélectionnant cette fois "onLoad" au lieu de "onClick" et il y a une petite amélioration en ceci que les éléments apparaissent toujours au chargement mais disparaissent une fois ce dernier terminé.

Comment faire pour que les éléments n'apparaissent pas au chargement de la galerie mais seulement lorsque je clique sur les boutons du menu ?

Remarque : J'ai aussi essayé de chercher sur google comment faire une première page blanche avec une barre de chargement qui préchargerait le site avant l'arrivée sur l'index mais je me suis aperçue que ça ne changerait rien à mon problème puisque même après avoir visionné les galeries une première fois, l'erreur de chargement réapparait les fois suivantes également... Cela me fait penser que le problème viendrait plutôt du comportement Afficher-masquer plutôt que du préchargement des éléments de la galerie.

Voilà, j'espère que quelqu'un aura la réponse à mon problème, en attendant, je vous remercie d'avoir pris le temps de me lire.

Pola

**Vil'Coyote** · 23/02/2010, 16h34

salut,
je dirais bien en utilisant des div masqué pour chaque élément.

**Pola-X** · 23/02/2010, 16h52

Envoyé par Vil'Coyote

salut,
je dirais bien en utilisant des div masqué pour chaque élément.

C'est ce que j'ai fait en fait. Chaque élément est dans une div différente que j'ai masquée ou affichée par rapport aux boutons du menu.

**Vil'Coyote** · 24/02/2010, 12h30

Envoyé par Pola-X

C'est ce que j'ai fait en fait. Chaque élément est dans une div différente que j'ai masquée ou affichée par rapport aux boutons du menu.

Donc si y a une souci, un peu de code serait bien.

**Pola-X** · 24/02/2010, 13h17

Voici le code de l'une des pages comme l'a suggéré Vil'Coyote.

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
</head>
 
<body onload="MM_showHideLayers('fond','','show','titre','','show','soustitre','','show','menu1','','show','sousmenu','','show','menu2','','show','menuillustrator','','show','sousmenu2','','show','menu3','','show','sousmenu3','','show','menu4','','show','sousmenu4','','show','menu5','','show','sousmenu5','','show','baliseparfum','','hide','FlashIDparfum','','hide','balisemontre','','hide','balisepoetes','','hide','FlashIDpoets','','hide','balisepackg','','hide','texteparfum','','hide','FlashIDtexteparfum','','hide','textemontre','','hide','FlashIDtextmontre','','hide','textepoetes','','hide','FlashIDtextepoetes','','hide','textepacka','','hide','FlashIDtextpacka','','hide')">
 
<div id="all"><div id="fond">
 
  <div id="titre">Pola
    <div id="soustitre">portfolio - Genève 2010</div>
  </div>
 
  <div id="menu1"><a href="photoshop.html">PS</a>
    <div id="sousmenu"> . photoshop</div>
  </div>
 
  <div id="menu2"><a href="illustrator.html">AI</a>
    <div id="menuillustrator"><a href="javascript:;" onclick="MM_showHideLayers('fond','','show','titre','','show','soustitre','','show','menu1','','show','sousmenu','','show','menu2','','show','menuillustrator','','show','sousmenu2','','show','menu3','','show','sousmenu3','','show','menu4','','show','sousmenu4','','show','menu5','','show','sousmenu5','','show','baliseparfum','','show','FlashIDparfum','','show','balisemontre','','hide','balisepoetes','','hide','FlashIDpoets','','hide','balisepackg','','hide','texteparfum','','show','FlashIDtexteparfum','','show','textemontre','','hide','FlashIDtextmontre','','hide','textepoetes','','hide','FlashIDtextepoetes','','hide','textepacka','','hide','FlashIDtextpacka','','hide');MM_effectGrowShrink('texteparfum', 1000, '0%', '100%', false, false, false)">Parfum</a><br />
      <br />
 
      <a href="javascript:;" onclick="MM_showHideLayers('fond','','show','titre','','show','soustitre','','show','menu1','','show','sousmenu','','show','menu2','','show','menuillustrator','','show','sousmenu2','','show','menu3','','show','sousmenu3','','show','menu4','','show','sousmenu4','','show','menu5','','show','sousmenu5','','show','baliseparfum','','hide','FlashIDparfum','','hide','balisemontre','','show','balisepoetes','','hide','FlashIDpoets','','hide','balisepackg','','hide','texteparfum','','hide','FlashIDtexteparfum','','hide','textemontre','','show','FlashIDtextmontre','','show','textepoetes','','hide','FlashIDtextepoetes','','hide','textepacka','','hide','FlashIDtextpacka','','hide');MM_effectGrowShrink('textemontre', 1000, '0%', '100%', false, false, false)">Montre</a><br />
      <br />
      <a href="javascript:;" onclick="MM_showHideLayers('fond','','show','titre','','show','soustitre','','show','menu1','','show','sousmenu','','show','menu2','','show','menuillustrator','','show','sousmenu2','','show','menu3','','show','sousmenu3','','show','menu4','','show','sousmenu4','','show','menu5','','show','sousmenu5','','show','baliseparfum','','hide','FlashIDparfum','','hide','balisemontre','','hide','balisepoetes','','show','FlashIDpoets','','show','balisepackg','','hide','texteparfum','','hide','FlashIDtexteparfum','','hide','textemontre','','hide','FlashIDtextmontre','','hide','textepoetes','','show','FlashIDtextepoetes','','show','textepacka','','hide','FlashIDtextpacka','','hide');MM_effectGrowShrink('textepoetes', 1000, '0%', '100%', false, false, false)">Poètes</a><br />
      <br />
 
      <a href="javascript:;" onclick="MM_showHideLayers('fond','','show','titre','','show','soustitre','','show','menu1','','show','sousmenu','','show','menu2','','show','menuillustrator','','show','sousmenu2','','show','menu3','','show','sousmenu3','','show','menu4','','show','sousmenu4','','show','menu5','','show','sousmenu5','','show','baliseparfum','','hide','FlashIDparfum','','hide','balisemontre','','hide','balisepoetes','','hide','FlashIDpoets','','hide','balisepackg','','show','texteparfum','','hide','FlashIDtexteparfum','','hide','textemontre','','hide','FlashIDtextmontre','','hide','textepoetes','','hide','FlashIDtextepoetes','','hide','textepacka','','show','FlashIDtextpacka','','show');MM_effectGrowShrink('textepacka', 1000, '0%', '100%', false, false, false)">Pack. G</a></div>
 
    <div id="sousmenu2">. illustrator</div>
  </div>
 
  <div id="menu3"><a href="indesign.html">ID</a>
    <div id="sousmenu3">. indesign</div>
  </div>
 
  <div id="menu4"><a href="liens/cv_pola_infographiste.pdf">CV</a>
    <div id="sousmenu4">. cv en pdf</div>
  </div>
 
  <div id="menu5"><a href="mailto:pola.x.1998@gmail.com">@</a>
    <div id="sousmenu5">. contact</div>
  </div>
</div>
 
<div id="baliseparfum">
  <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="530" height="550" id="FlashIDparfum" title="parfumvideo">
    <param name="movie" value="galeries_flash/galerie_ai/galerie_parfum_2img/galerie_parfum.swf" />
    <param name="quality" value="high" />
    <param name="wmode" value="opaque" />
    <param name="swfversion" value="6.0.65.0" />
    <!-- Cette balise <param> invite les utilisateurs de Flash Player en version 6.0 r65 et ultérieure à télécharger la version la plus récente de Flash Player. Supprimez-la si vous ne voulez pas que cette invite soit visible. -->
    <param name="expressinstall" value="Scripts/expressInstall.swf" />
    <!-- La balise <object> suivante est destinée aux navigateurs autres qu'IE. Supprimez-la d'IE à l'aide d'IECC. -->
    <!--[if !IE]>-->
    <object type="application/x-shockwave-flash" data="galeries_flash/galerie_ai/galerie_parfum_2img/galerie_parfum.swf" width="530" height="550">
      <!--<![endif]-->
      <param name="quality" value="high" />
      <param name="wmode" value="opaque" />
      <param name="swfversion" value="6.0.65.0" />
      <param name="expressinstall" value="Scripts/expressInstall.swf" />
      <!-- Le navigateur affichera le contenu alternatif suivant pour les utilisateurs d'un lecteur Flash de version 6.0 ou de versions plus anciennes. -->
      <div>
        <h4>Le contenu de cette page nécessite une version plus récente d’Adobe Flash Player.</h4>
        <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Obtenir le lecteur Adobe Flash" width="112" height="33" /></a></p>
      </div>
      <!--[if !IE]>-->
    </object>
    <!--<![endif]-->
  </object>
</div>
 
<div id="balisemontre"><img src="illustrator/allegees 1/montre.jpg" width="400" height="600" alt="montreimg" /></div>
<div id="balisepoetes">
  <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="525" height="600" id="FlashIDpoets" title="poetesvideo">
    <param name="movie" value="galeries_flash/galerie_ai/galerie_poetes_2img/galerie_poetes.swf" />
    <param name="quality" value="high" />
    <param name="wmode" value="opaque" />
    <param name="swfversion" value="6.0.65.0" />
    <!-- Cette balise <param> invite les utilisateurs de Flash Player en version 6.0 r65 et ultérieure à télécharger la version la plus récente de Flash Player. Supprimez-la si vous ne voulez pas que cette invite soit visible. -->
    <param name="expressinstall" value="Scripts/expressInstall.swf" />
    <!-- La balise <object> suivante est destinée aux navigateurs autres qu'IE. Supprimez-la d'IE à l'aide d'IECC. -->
    <!--[if !IE]>-->
    <object type="application/x-shockwave-flash" data="galeries_flash/galerie_ai/galerie_poetes_2img/galerie_poetes.swf" width="525" height="600">
      <!--<![endif]-->
      <param name="quality" value="high" />
      <param name="wmode" value="opaque" />
      <param name="swfversion" value="6.0.65.0" />
      <param name="expressinstall" value="Scripts/expressInstall.swf" />
      <!-- Le navigateur affichera le contenu alternatif suivant pour les utilisateurs d'un lecteur Flash de version 6.0 ou de versions plus anciennes. -->
      <div>
        <h4>Le contenu de cette page nécessite une version plus récente d’Adobe Flash Player.</h4>
        <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Obtenir le lecteur Adobe Flash" width="112" height="33" /></a></p>
      </div>
      <!--[if !IE]>-->
    </object>
    <!--<![endif]-->
  </object>
</div>
 
<div id="balisepackg"><img src="illustrator/allegees 1/packagerble.jpg" width="600" height="563" alt="packaimg" /></div>
 
<div id="texteparfum">
  <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="200" height="100" id="FlashIDtexteparfum" title="texteparfumvideo">
    <param name="movie" value="flash/textpresparfum.swf" />
    <param name="quality" value="high" />
    <param name="wmode" value="opaque" />
    <param name="swfversion" value="6.0.65.0" />
    <!-- Cette balise <param> invite les utilisateurs de Flash Player en version 6.0 r65 et ultérieure à télécharger la version la plus récente de Flash Player. Supprimez-la si vous ne voulez pas que cette invite soit visible. -->
    <param name="expressinstall" value="Scripts/expressInstall.swf" />
    <!-- La balise <object> suivante est destinée aux navigateurs autres qu'IE. Supprimez-la d'IE à l'aide d'IECC. -->
    <!--[if !IE]>-->
    <object type="application/x-shockwave-flash" data="flash/textpresparfum.swf" width="200" height="100">
      <!--<![endif]-->
      <param name="quality" value="high" />
      <param name="wmode" value="opaque" />
      <param name="swfversion" value="6.0.65.0" />
      <param name="expressinstall" value="Scripts/expressInstall.swf" />
      <!-- Le navigateur affichera le contenu alternatif suivant pour les utilisateurs d'un lecteur Flash de version 6.0 ou de versions plus anciennes. -->
      <div>
        <h4>Le contenu de cette page nécessite une version plus récente d’Adobe Flash Player.</h4>
        <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Obtenir le lecteur Adobe Flash" width="112" height="33" /></a></p>
      </div>
      <!--[if !IE]>-->
    </object>
    <!--<![endif]-->
  </object>
</div>
 
<div id="textemontre">
  <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="200" height="150" id="FlashIDtextmontre" title="textemontrevideo">
    <param name="movie" value="flash/textpresmontre.swf" />
    <param name="quality" value="high" />
    <param name="wmode" value="opaque" />
    <param name="swfversion" value="6.0.65.0" />
    <!-- Cette balise <param> invite les utilisateurs de Flash Player en version 6.0 r65 et ultérieure à télécharger la version la plus récente de Flash Player. Supprimez-la si vous ne voulez pas que cette invite soit visible. -->
    <param name="expressinstall" value="Scripts/expressInstall.swf" />
    <!-- La balise <object> suivante est destinée aux navigateurs autres qu'IE. Supprimez-la d'IE à l'aide d'IECC. -->
    <!--[if !IE]>-->
    <object type="application/x-shockwave-flash" data="flash/textpresmontre.swf" width="200" height="150">
      <!--<![endif]-->
      <param name="quality" value="high" />
      <param name="wmode" value="opaque" />
      <param name="swfversion" value="6.0.65.0" />
      <param name="expressinstall" value="Scripts/expressInstall.swf" />
      <!-- Le navigateur affichera le contenu alternatif suivant pour les utilisateurs d'un lecteur Flash de version 6.0 ou de versions plus anciennes. -->
      <div>
        <h4>Le contenu de cette page nécessite une version plus récente d’Adobe Flash Player.</h4>
        <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Obtenir le lecteur Adobe Flash" width="112" height="33" /></a></p>
      </div>
      <!--[if !IE]>-->
    </object>
    <!--<![endif]-->
  </object>
</div>
 
<div id="textepoetes">
  <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="200" height="150" id="FlashIDtextepoetes" title="textpoetesvideo">
    <param name="movie" value="flash/textprespoetes.swf" />
    <param name="quality" value="high" />
    <param name="wmode" value="opaque" />
    <param name="swfversion" value="6.0.65.0" />
    <!-- Cette balise <param> invite les utilisateurs de Flash Player en version 6.0 r65 et ultérieure à télécharger la version la plus récente de Flash Player. Supprimez-la si vous ne voulez pas que cette invite soit visible. -->
    <param name="expressinstall" value="Scripts/expressInstall.swf" />
    <!-- La balise <object> suivante est destinée aux navigateurs autres qu'IE. Supprimez-la d'IE à l'aide d'IECC. -->
    <!--[if !IE]>-->
    <object type="application/x-shockwave-flash" data="flash/textprespoetes.swf" width="200" height="150">
      <!--<![endif]-->
      <param name="quality" value="high" />
      <param name="wmode" value="opaque" />
      <param name="swfversion" value="6.0.65.0" />
      <param name="expressinstall" value="Scripts/expressInstall.swf" />
      <!-- Le navigateur affichera le contenu alternatif suivant pour les utilisateurs d'un lecteur Flash de version 6.0 ou de versions plus anciennes. -->
      <div>
        <h4>Le contenu de cette page nécessite une version plus récente d’Adobe Flash Player.</h4>
        <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Obtenir le lecteur Adobe Flash" width="112" height="33" /></a></p>
      </div>
      <!--[if !IE]>-->
    </object>
    <!--<![endif]-->
  </object>
</div>
 
<div id="textepacka">
  <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="200" height="150" id="FlashIDtextpacka" title="textepackavideo">
    <param name="movie" value="flash/textprespacka.swf" />
    <param name="quality" value="high" />
    <param name="wmode" value="opaque" />
    <param name="swfversion" value="6.0.65.0" />
    <!-- Cette balise <param> invite les utilisateurs de Flash Player en version 6.0 r65 et ultérieure à télécharger la version la plus récente de Flash Player. Supprimez-la si vous ne voulez pas que cette invite soit visible. -->
    <param name="expressinstall" value="Scripts/expressInstall.swf" />
    <!-- La balise <object> suivante est destinée aux navigateurs autres qu'IE. Supprimez-la d'IE à l'aide d'IECC. -->
    <!--[if !IE]>-->
    <object type="application/x-shockwave-flash" data="flash/textprespacka.swf" width="200" height="150">
      <!--<![endif]-->
      <param name="quality" value="high" />
      <param name="wmode" value="opaque" />
      <param name="swfversion" value="6.0.65.0" />
      <param name="expressinstall" value="Scripts/expressInstall.swf" />
      <!-- Le navigateur affichera le contenu alternatif suivant pour les utilisateurs d'un lecteur Flash de version 6.0 ou de versions plus anciennes. -->
      <div>
        <h4>Le contenu de cette page nécessite une version plus récente d’Adobe Flash Player.</h4>
        <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Obtenir le lecteur Adobe Flash" width="112" height="33" /></a></p>
      </div>
      <!--[if !IE]>-->
    </object>
    <!--<![endif]-->
  </object>
</div>
<script type="text/javascript">
<!--
swfobject.registerObject("FlashIDparfum");
swfobject.registerObject("FlashIDtextmontre");
swfobject.registerObject("FlashIDtextepoetes");
swfobject.registerObject("FlashIDtextpacka");
swfobject.registerObject("FlashIDtexteparfum");
//-->
</script></div>
<script type="text/javascript">
<!--
swfobject.registerObject("FlashIDpoets");
//-->
</script>
</body>
</html>

Préchargement Comportement "Afficher-masquer les éléments" Dreamweaver CS4

HTML

Discussions similaires

Partager

Partager