Préchargement d'image css

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : Préchargement d'image css

par artotal » 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.

par Victor BRITO » 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. :wink:

par Hubert Roksor » 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.

par albat » 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é. :langue:

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... :roll:

par fred9999 » 08 déc. 2006, 17:47

Ouai enfin faut l'acheter !!!!

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

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

par Victor BRITO » 08 déc. 2006, 17:41

Salut!

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

par fred9999 » 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??

par jojolapine » 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" />

Préchargement d'image css

par fred9999 » 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??