Affichage simultané des images

Version imprimable

10/01/2006, 10h02
gregbart

Affichage simultané des images

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...

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
<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>

10/01/2006, 10h40
gregbart

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 !!
10/01/2006, 10h51
SpaceFrog

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

puis dans les pages :

Code:

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

puis tu fais appel au script dans le onload des la page
10/01/2006, 11h01
gregbart

Merci !!

Je vais bien finir par mémoriser tout ça...
11/01/2006, 16h28
softflower

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.
11/01/2006, 16h39
SpaceFrog

comment est intégré ton swf ?
avec une balise object ...

tu dois avoir un param autostart=false ...
11/01/2006, 16h53
softflower

C'est ça dans une balise object.

Donc je met autostart=false et après je le lance depuis le JS ?

Vais essayer.

Merci.
11/01/2006, 17h13
SpaceFrog

tu t'arranges pour avoir l'utostart en false et lorsque le swf est complete tu bascule l'autostart à true ou tu lances le swf ...