Préchargement d'image css

08 déc. 2006, 11:06

bonjour,

Je me posais une question concernant le prechargement des images de mon css :

Comment peut on optimiser l'affichage de ces images??

08 déc. 2006, 16:18

qu'entends tu par préchargement des images css?
moi j'utilise cette méthode:

<img src="..." style="display: none;" alt="image à préchargée" />

08 déc. 2006, 16:35

du genre : <body preload('image.jpg')>

ou dans les headers je sais pas trop si il y a une methode d'affichage
, de chargement plus rapide que les autres concernant les images d'un site??

08 déc. 2006, 17:41

Salut!

Consulte CSS 2, pratique du design Web de Raphaël Goetter, aux éditions Eyrolles.

08 déc. 2006, 17:47

Ouai enfin faut l'acheter !!!!

Moi je voulais une station multimédia pour noel (prononcé noyel)

Un bouquin a l'heure du numérique!!!! va de retro satanas y diabolo

08 déc. 2006, 18:02

Un bouquin a l'heure du numérique!!!! va de retro satanas y diabolo

Troll antédiluvien et mort de vieillesse, abandonné et oublié.

Dès le début des années '80, la théorie du "Zéro papier"
pourtant énoncée avec force et conviction par de grands visionnaires
(les apologues enthousiastes du web 2.0 doivent être leurs descendants directs...)
était déjà caduque.

Alors, un quart de siècle plus tard...

08 déc. 2006, 23:38

J'ai rien compris, ça veut dire quoi "précharger les images" concrètement ? (et surtout, c'est sensé servir à quoi concrètement, merci de ne pas répondre "accélérer l'affichage")

Sinon, fais une recherche sur "CSS Sprites", ça correspond peut-être à ce que tu recherches.

09 déc. 2006, 18:33

En fait, le préchargement est préconisé aux images lourdes dont le chargement classique met un certain temps, surtout pour les connexions à bas débit.

Pour plus de détails, je renvoie au livre que j'ai mentionné. Il serait grand temps d'écrire au Père Noël.

09 déc. 2006, 19:21

C'est très urbain un livre, malgrés tout, la solution sur le net doit exister, sa doit être [à tout hasard].
Si tu te fait une classe

Code : Tout sélectionner

.memoire{display:none;}

ensuite tu places ton image en tout début, juste après

Code : Tout sélectionner

body
<img src="tape_dans_le_code.png" class="memoire" alt="" />

Laisser le alt vide permet d'empècher l'affichage sur des navigateur texte.

La deuxième solution connu est de placer l'image hors de la fenètre avec du js ou des css
avec un positionnement relatif ou absolus en fonction de ton code.

Code : Tout sélectionner

.memoire{ margin:3000px;}

Donc quand tu en a besoin autre part le chargement est effectué ta plus qu'a remettre ton image à l'endroit ou tu veux l'afficher, mais sa alourdis le code "moins que ton image, hihi" et il faut bien évaluer les besoins et avec les système de cache très performant ce genre de technique devienne caduc, là je m'avance sans vraiment connaitre le sujet.

Préchargement d'image css

Qui est en ligne