Texte pour faire patienter le visiteur 2. Outils webmaster. Trucs et astuces

Chargement en cours ...

Patientez s'il vous plait

UN TEXTE POUR FAIRE PATIENTER 2

Outils pour webmaster. Trucs et astuces en code HTML et JavaScript : am�liorer son site internet

Descriptif : si votre page est lourde, un texte et une image s'afficheront avant celle-ci afin de faire patienter vos visiteurs. D�s la page charg�e, le texte s'efface.

Exemple : vous venez de le voir. L'effet n'est bien visible que sur des pages lourdes qui prennent beaucoup plus de temps � s'afficher ou si le visiteur a une connexion bas d�bit. Cliquez pour recharger la page.

Mise en oeuvre : S�lectionnez et copiez directement � l'�cran le code ci-dessous et collez-le dans votre page, code HTML visible.

Entre les deux balises </head> et <body>

<DIV ID="waitDiv" style="position:absolute;left:40%;top:50%;visibility:hidden"><center> <table cellpadding=6 border=2 bgcolor="#efead2" bordercolor="#000000"><tr><td align="center"> <font color="#000000" face="Verdana, Arial, Helvetica, sans-serif" size="4"><b>Chargement en cours ...</b></font><br> <img src="CHEMIN DE L'IMAGE ANIMEE" border="0"><br> <font color="#000000" face="Verdana, Arial, Helvetica, sans-serif" size="2">Patientez s'il vous plait</font></td></tr></table></center></DIV> <SCRIPT>  </SCRIPT>

Juste avant la balise </body>

Si vous n'avez pas bien vu l'affichage, voila ce que vous devriez voir avec une page un peu plus lourde :

Chargement en cours ...

Patientez s'il vous plait

Remarque :
- ATTENTION de bien placer les codes aux endroits sp�cifi�s.
Certains �diteurs HTML mettront le code principal � une autre place. Pr�parez votre page. Lorsqu'elle est finie, copiez le code obtenu dans un simple �diteur de texte (Notepad). Sauvegardez-la � l'aide de cet �diteur avec une extension htm, shtm, html, etc.
- Changez le chemin de l'image dans le code entre </head> et <body>
- Faites un copier/coller de l'image de la bande anim�e du chargement ICI.

Copyright www.toulouse-renaissance.net � 2000 -