Css background n'est chargé que quand c'est utile

Bonjour,

Ceci n'est pas vraiment un problème à résoudre mais une discussion: j'utilise

      .ibcadre
      {
      	background-image:url("images/forpart.png");
         background-repeat:repeat-x;
         background-position: top left;
         background-color: #116f27;
      }

L'image n'est GET-té (téléchargé) que quand une balise utilise ce style!
Le problème c'est que je l'utilise dans un DIV à display:none au départ. Puis je fais un show() par jQuery sur ce DIV, là le chargement du background est trop visible voire désagréable en fonction de la connexion

Bonjour,

Il est possible de précharger les images (notamment avec JS, et très certainement avec JQuery).

C'est un terme nouveau pour moi le préchargement d'image CSS, j'ai lu http://marcarea.com/weblog/2008/07/12/plug-in-jquery-pour-pre-charger-les-images-css

C'est pas bien de lire tout le CSS pour en charger car certains sont déjà chargés sauf ceux dans display:none
Je cherche donc une solution javascript!

Sinon tu met une <div id="preload"> avec with et height de 1px et tu met ton image à précharger en background.

je ne comprends pas MoOx! Je crois qu'il y a des épisodes précédents que j'ai manqués?

MoOx te propose une bidouille qui peut remplacer le préchargement des images.

Personnellement, je resterais sur le JS.

Bonsoir,

Avec CSS les images en display:none sont mises en cache dès l'ouverture de la page. C'est une autre paire de manches dès que l'on utilise javascript. En effet, ce code nuisible et imbécile retarde le chargement des images. (sauf en utilisant un script de pré-chargement)

PS : Le javascript est désactivé 75% du temps sur ma navigation parce que j'en ai ras le bol de la publicité, des petites fenêtres qu'on ne peut fermer, des pop-ups etc… - et le Flash (obsolète selon moi) interdit 99% du temps.
Modifié par Aureance (01 Apr 2010 - 22:24)