Page "préload" en html

**Tonio the best** · 03/09/2007, 00h19

Bonjour,
Je suis "intermédiaire" en langage "Web", et j'aurais souhaité savoir si vous aviez un script, qui consisterait à afficher une page, pendant qu'une autre plus lourde (comprenant des photos) se charge en arrière plan.
Par exemple : une page s'ouvre : "Chargement de votre page, veuillez patienter...", dès que cette page est chargé, la première disparait pour laisser place à la principale, celle qui affiche les photos.
Je précise bien que je veux qu'un page s'ouvre, pas un simple logo qui affiche la progression...
Merci de votre aide,
Tonio the best

**Bisûnûrs** · 03/09/2007, 07h53

Tu peux te baser là-dessus :
http://developpez.net/forums/showthread.php?t=357336

**Tonio the best** · 03/09/2007, 11h21

Oui, mais le but n'est pas d'ouvrir une Pop Up...

**Bisûnûrs** · 03/09/2007, 12h01

Qu'entends-tu par "page" alors ?

**Tonio the best** · 03/09/2007, 12h22

Je voulais dire, pas un message type message d'erreur.
La "grosse" page qui charge en arrière plan et la page avec marqué patientez qui s'affiche pendant ce temps... Mais pas en tant que popup pour ne pas qu'elle soit bloquée.

**Bisûnûrs** · 03/09/2007, 13h52

Tu peux faire comme ça alors :

Code html :

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
   <title>Titre</titre>
   <style>
      html,body{
         height:100%;
         margin:0;
         padding:0;
      }
      #chargement{
         height:100%;
         width:100%;
         background:red;
         position:absolute;
         top:0;
         left:0;
      }
   </style>
</head>
<body onload="document.getElementById('chargement').style.display='none'">
<div id="chargement">Chargement en cours, merci de patienter</div>
<!--ici tout le reste de ta page-->
</body>
</html>

J'espère que ça répond à ta question.

Page "préload" en html

JavaScript

Partager

Partager