Affichage simultané des images

**gregbart** · 10/01/2006, 11h02

Bonjour,

J'ai deux images sur la page d'accueil de mon site web (une de 18 ko, et l'autre de 200 ko - je sais c'est beaucoup!!)...

Comment faire pour que ces images apparaissent simultanément à la première connexion sur mon site, afin d'éviter l'enchaînement image par image de certains browsers et/ou l'affichage progressif de haut en bas...

Quitte à laisser un écran noir pendant 1 seconde... 2 secondes max...

Merci de me donner un exemple détaillé si possible...

**SpaceFrog** · 10/01/2006, 11h20

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
<script type='text/javascript'>
 var timer1
 
function wait4images(){
	var NrLoaded=0
	imageTab=document.getElementsByTagName('img')
	for(i=0;i<imagetab.length;i++)
	 {NrLoaded+=(imagetab[i].complete)?1:0;}
 
    if (NrLoaded==imageTab.length){   clearInterval(timer1);
    										for(i=0;i<imagetab.length;i++){
    																			imageTab[i].style.visibility="visible"
    																		 }
    									}
}    												
 
 
function TestLoading(){
timer1=setInterval(function(){wait4images()},10)
 }
</script>
 
</head>
 
<body onload="TestLoading()">
 
<img src="image1.gif" style="visibility:hidden;" />
<img src="image2.gif" style="visibility:hidden;" />
 
 
</body>
</html>

**gregbart** · 10/01/2006, 11h40

C'est vraiment génial, merci !!!

Une autre question cependant : s'il me prend l'envie de mettre ce code à chaque page de mon site, comment faire pour ne pas le répéter à chaque fois... en d'autres termes, quelle partie dois-je couper/coller dans un fichier js (me semble -t'il), comment faire appel à ce code...
bref, je suis encore un peu novice pour savoir comment faire ça au mieux....

merci encore !!

**SpaceFrog** · 10/01/2006, 11h51

mets le javascript dans un fichier .js (sans les balises <script>)

puis dans les pages :

Code :

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

<script type='text/javascript' src="lefichier.js"></script>

puis tu fais appel au script dans le onload des la page

**gregbart** · 10/01/2006, 12h01

Merci !!

Je vais bien finir par mémoriser tout ça...

**softflower** · 11/01/2006, 17h28

Pour des images statiques, c'est parfait comme script.

Mais si j'ai des swf et des images et que je veux qu'ils s'affichent tous en même temps ??

Car le swf , même en hidden commence à se lancer sans attendre d'être visible.