Discussion :

[Phenomenium]

Bonjour.
J'ai un script qui est censé masquer les images à l'ouverture de la page.
Il fonctionne presque corrctement
Le probleme c'est qu'a l'ouverture de la page, il affiche les images une fraction de seconde avant de les chacher...
Ce qui est génant.
Est ce qu'il y a une solution et si oui laquelle je vous joind mon script.

Page contenant l'image :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
 
<div class="linkRollingImg" onclick="javascript:swap_couche('Graph1')">
			<img name='triangleGraph1' src='img/design/puces/voir.gif' border="0" alt="D&eacute;plier/Replier" /> 
			<span class="linkRollingTxt" onmouseover="this.style.color='#f17412'" onmouseout="this.style.color='#3e5966'">int&eacute;gration</span>
		</div>
		<script language='JavaScript' type="text/javascript">
		vis['Graph1'] = 'hide';
		</script>
 
		<div id='LayerGraph1' onclick="javascript:swap_couche('Graph1')">
			<img name='Graphique1' src="img/media/ecole/apres-graph1.jpg" alt="entreprise" title="entreprise" width="489" height="154" />
		</div>

Page de fonction incluse :

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
 
 
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
 if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
   document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
 else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
 
function MM_swapImage() { //v3.0
 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
  if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
 
var vis = new Array();
 
function swap_couche(couche)
{
    if (vis[couche] == 'hide')
    {
        MM_swapImage('triangle'+couche,'','img/design/puces/cacher.gif?'+couche,1)
        MM_showHideLayers('Layer'+couche,'','show');
        vis[couche] = 'show';
    }
    else
    {
        MM_swapImage('triangle'+couche,'','img/design/puces/voir.gif?'+couche,1)
        MM_showHideLayers('Layer'+couche,'','hide');
        vis[couche] = 'hide';
    }
}
 
function MM_findObj(n, d) { //v4.0
 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 && document.getElementById) x=document.getElementById(n); return x;
}
 
function MM_showHideLayers() { //v3.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')?'block':(v='hide')?'none':v;
//	p=(p=='show')?'hidden':(p='hide')?'visible':p;
	}
  obj.display=v;
//  obj.visibility=p;
 }
}
 
window.onload=function(){
	swap_couche('Graph1');	
	swap_couche('Graph2');
	swap_couche('Graph3');
	swap_couche('Graph4');
	swap_couche('Graph1');	
	swap_couche('Graph2');
	swap_couche('Graph3');
	swap_couche('Graph4');
}

Merci

[linar009]

Et si tu mettais un style DISPLAY:NONE pour tes balises img.
Ensuite plus qu'à faire un document.getlementById(...).style.display = 'inline' lorsque tu souhaites réafficher

[SpaceFrog]

ha dreamweaver quand tu codes pour nous ...

+1 un style visibility hidden ou display none par défaut ...

[Phenomenium]

Ok.
mais je vient de tester et je n'affiche rien :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<form id="form1" name="form1">
<img src="img/AA049957.jpg" width="250" height="250" id="test"/>
<input type="button" value="Submit" onclick="document.getElementById(test).style.display='inline'" />
</form>

css :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

img { display:none; }

Ou je bug ?

[SpaceFrog]

getElementById() attend un string ... test n'est pas une variable ...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<input type="button" value="Submit" onclick="document.getElementById('test').style.display='block'" />

une image c'est plutot du block que du inline ... non ?

[Phenomenium]

Merci