Version complète: sur le forum Webmaster Hub : Comment faire un preloader
Webmaster Hub > Création et exploitation de Sites Internet > Les langages du Net > (X)HTML et CSS
neal
je cherche comment faire un preloader sur une page html
je sais c'est facile mais j'ai trop de mal
quelqu'un pour maider?
ElMoustiko
Tu as la solution JavaScript ou la solution CSS (peut etre d'autres, mais je ne connais que celles ci ! ), je laisse la version CSS a Sieur SIBELIUS http://www.alsacreations.com/articles/preload/ , pour la methode JavaScript, c'est par ici :

image1 = new Image();
image1.src = "chemin/de/ton/image.jpg";
image2 = new Image();
image2.src = "chemin/de/ton/image2.jpg";
....
Et voila !

@++
neal
non non ce n'est pas ce que je cherche je me suis mal exprimer

je cherche preloader TOUTE la page html avec un preload avant son affichage
pas forcement avec une loading bar just une image avec le logo et
"loading please wait ...

merci pour ta reponse cepandant !
ams51
Hors sujet : Pour info quand le preload dure plus de 5 secondes et que je ne vois pas la progression du téléchargement je zappe.
Mado
un truc de ce genre?


<body onload=DivLoad.style.visibility='hidden'; bgcolor="#9B3200" topmargin="0" marginheight="0" text="#FFFFFF" link="#FFFFFF" vlink="#FFCC00" alink="#FFFFFF">
<DIV id=DivLoad style="LEFT=50;TOP=50;">
<A style="font-family=verdana;font-size=10px;color=#ffffff;font-weight=bold;">Page en cours de chargement</A>

</DIV>
</body>

je sais pas si c'est juste ca...
neal
euh merci pour ce code
mais disons qu'en code je touche pas une bille
et je sais pas trop comment exploiter ca
en fait je cré une page avant la page a charger ?
ca fait une page de plus
en faite j'avai imaginé un calque qui puisse faire office de preload
j'avais vu ca une fois

merci a toi aussi bien sur

pour le hors sujet : tu l'es plus que tu ne le crois
Mado
ce code tu le mets sur ta page a charger et on voit le calque en cours de chargement le temps que la page soit completement chargé ensuite il disparait wink.gif

fais des essais

copie le code dans une page sur ton editeur et tu verras ce que ca donne smile.gif
Findel
Il y a ceci qui est standard :

CODE
<link rel="prefetch" type="text/html" href="mapage.html" />


à mettre dans le <head>

... Mais, comme d'habitude ... IE ne connait pas


Edit : Je viens de relire la description plus précise du besoin ... Ma solution ne sert qu'à précharger une page en vue de l'afficher après la page en cours.

Mon avis est que ton truc est inutile, le navigateur a déjà une barre de progression pour indiquer le chargement de la page, à quoi ca sert de lui dire "Loading ... Veuillez patienter" ????
ElMoustiko
Oui d'accord avec findel, ca ne sert pas a grand chose de dire de patienter, le webnaute se doute qu'il doit attendre la fin du chargement de la page tongue.gif

@++
Remi
Euh... tu mets toute ta page dans une table... 1eye.gif et IE va te l'afficher d'un seul coup...

P.S. Ne raconte pas que c'est moi qui t'ai conseillé ça... whistling.gif
meta nando
Salut,

A tout hasard, en javascript
Preload d'une page avec barre de progression
Mais tout le monde n'a pas forcément javascript activé sur son navigateur.

CITATION
Mon avis est que ton truc est inutile, le navigateur a déjà une barre de progression pour indiquer le chargement de la page, à quoi ca sert de lui dire "Loading ... Veuillez patienter" ????

C'est vrai pour l'internaute expérimenté et technicien. Presque toutes les personnes que j'invite à se placer devant un écran pour naviguer sur le net n'ont pas ce reflexe.

Aussi, une jolie barre de progression avec les raisons pour lesquelles on doit patienter, en attendant la merveille en Flash ou la curieuse galerie promise, est toujours bien venue wink.gif
neal
je garde vos scripts et si mes page sont superieur a 100Ko je serai obligé de mettre ue loading bar je pense

en faite ca fait quelques années que je fait des site internet et cette année j'ai pri la résolution de les faire come Mcdo fait ses hamberger "bien"

perso ca m'oblige a aller dans des domaines que j'ai jamais etudié
(W3C - referencement - optimisation - XHTML)
chui un gros faineant d'habitude ! alors travailler comme jvou jure que ca me change

voila pourquoi la loading bar
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.