Bonjour à tous,
connaissez-vous un moyen de précharger les images de mon site avant que le texte et tous les autres éléments s'affichent?
 
merci pour vos reponses
 

Tu peux par exemple mettre un gros div au dessus de tout, et lorsque la page un evenement Load, tu le vires
 
un truc comme ca :
 
CSS :

 
ajouter ca au HTML :

 
et le JS :

var masque = function ()
{
  var m = document.getElementById ('masque');
  if (!m)
    return false;
  m.parentNode.removeChild (m);
  return true;
}
document.onload = masque;

 
A tester

Sauf que les gens sans JS verront rien.
Si tu veux partir sur cette option de masquer en CSS / montrer en JS, ajoute un form avec un bouton "Show Pictures" qui envoie vers la même page mais sans le CSS "masquant" et tu caches ce form grâce à JS.
=> Les utilisateurs avec JS verront la page direct
=> Ceux sans devront presser sur le bouton (un peu chiant mais bon) mais auront quand même les images (et si leur browser fait son boulot comme il faut, ils downloaderont les images qu'une seule fois)

En effet les gens sans JS ne verront rien, mais il suffit alors de virer le code HTML qui affiche le div, et de générer ce DIV via JS en le définissant comme premier noeud du BODY. Donc si pas de JS, pas de DIV.

En fait , je ne veux pas d'animation de préchargement, je veux juste que les images s'affichent avant le reste du site...

Ben ca dépend, il se présente comment ton texte ?
Tu peux utiliser le meême principe que plus haut, sauf que au lieu de cacher toute la page, tu caches (ou tu rends invisible) le texte jusqu'à ce que les images soient chargées.

Quel est l'intérêt de faire un truc pareil

 
salut,
quelques-unes de mes images sont assez lourdes, donc tout le site s'affiche avant celle-ci...
Voila pourquoi je voudrai qu'elles se chargent avant l'autre contenu
 
 

En quoi est-ce un problème? Ne vaudrait-il pas mieux recompresser les images ou ne présenter que des aperçus plus petits et légers à la place?

C'est complètement con

 
Pour le design du site, les images doivent avoir la taille que j'ai defini.
 

 
Merci sympa !!
 
 

 
 
Du coups tu veux que tes visiteurs tombent sur une page blanche le temps qu'il téléchargent les images? T'as pas pensé que tout le monde fera un "back" dans le browser? Applique le conseil de Masklinn, comprime tes images

 
salut,
je ne peux pas les comprimer plus.
J'ai fait au mieux.    

 
Compresser l'image ne modifie pas les dimensions de celle-ci, sauf son "poids" change.
 
Mais comme dit, il est vrai que c'est pas tres courant de devoir attendre que les images soient chargées pour afficher le texte, c'est pourquoi une anim d'attente est un moindre mal dans certain cas

Sinon tu as un site ou une page à nous donner en exemple ?

 
Je sais
 

 
Oui mais pour une seule image c'est un peu bête (sans être mechant)  

 
C'est un site pro en cours de construction pour mon entreprise.
Je ne peux donc pas vous montrer d'exemple...

Et?

De rien

c'est bon j'ai trouvé.
 
Il faut juste mettre :
 

Super, comme ça les clients qui ont pas de JS ne verront rien

Bah si, ça c'est juste pour mettre les images dans le cache du navigateur quand tu sais pas faire des rollovers avec des sprites, ça évite que l'image de base disparaisse et que l'image de hover (d'un menu par exemple) mette 2s à apparaître.

Et le MM_, c'est le préfixe du code de dreamweaver

 
Bah s'il fait ce qu'il a dit, c'est-à-dire attendre que les images soient loadées pour montrer le texte, je pense pas qu'il arrive à le faire pour du JS off ... Ou alors il va s'amuser parce qu'il faut tout cacher, plus tout remontrer avec JS

Je capte pas là, précharger les images ne les affiche absolument pas avant le texte, puisque ca s'éxecute lorsque la page est chargée