Masquage d'image par un script
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:
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éplier/Replier" />
<span class="linkRollingTxt" onmouseover="this.style.color='#f17412'" onmouseout="this.style.color='#3e5966'">inté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:
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
