Affichage simultané des images

**gregbart** · 09/01/2006, 17h21

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

**SpaceFrog** · 09/01/2006, 17h45

mets tes images en style visibility hidden et puis dans un setInterval teste le complete des images et bascule le visibility en block ...

**gregbart** · 09/01/2006, 17h56

Alors ... merci d'abord !...
Mais je ne suis pas vraiment un expert... si quelqu'un peu me donner un petit exemple rapide, il serait le bienvenu.... merci encore

**SpaceFrog** · 10/01/2006, 08h42

en fait c'est plus du javascript que de l'html... demande à transférer ton post là bas je t'expliquerais comment ça marche ...

**ilood** · 10/01/2006, 23h13

Salut,

A mon avis l'utilisation du javascript est facultative.
Déclarer les images juste en dessous de la balise body et les mettre en display:none et les appeler la où il faut...

Le navigateur chargera les images dans son cache et quand elles sont appelées plus loin dans la page, elles seront affichées instantanément.

ex:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
...
<body>
<!-- préchargement des images -->
<img style="display: none" src="../images/monimage1.jpg" alt="préchargement image 1">
<img style="display: none" src="../images/monimage2.jpg" alt="préchargement image 2">
 
<p>Blalalal blabalb</p>
<div><img src="../images/monimage1.jpg" width=".." height=".." alt="txt alt"></div>
<div><img src="../images/monimage2.jpg" width="..." height=".." alt="txt alt 2"></div>
...
</body></html>

**SpaceFrog** · 11/01/2006, 08h39

???
sans javascript tu arrive a "appeler" les iùmages plus loin ??? c'est à dire modifier leur display ???

a priori là c'est direct au chargement que le problème se pose...
donc à part javascript je ne vois vraiment pas comment le faire...
sauf peut être à merttre un message à l'ouverture de lapage ...

"éteignez votre écran et rallumez le dans 30 secondes ... "

Affichage simultané des images

HTML

Discussions similaires

Partager

Partager