Comment puis-je précharger des images uniquement à l'aide de CSS, sans JavaScript? Il doit être cross-navigateur.Comment pré-charger des images en utilisant CSS (pas de JS)?
Je ne souhaite pas utiliser les images-objets CSS. N 'y a-t-il pas une autre solution?
Vous pouvez utiliser plusieurs éléments cachés avec background-position: -1000px -1000px; et leur attribuer un background-image pour chaque image que vous souhaitez précharger.
Utilisez CSS Sprites.
Vous pouvez essayer de les charger avant la balise de fin de corps et de ne pas les afficher. Ensuite, si vous les appelez plus tard, ils devraient être dans le cache si vous utilisez exactement le même chemin.
<img src="/i/myimage.jpg" alt="image preload" style="display:none;" />
Vous pouvez également faire une classe avec display: none et l'appliquer à toutes les images que vous souhaitez précharger ainsi.
Cela impliquerait plus de requêtes HTTP et si vous voulez réduire ceux que je vous suggère CSS Sprites si cela vous préoccupe.
cela ne fonctionne pas dans tous les navigateurs. certains d'entre eux ne cherchent pas plus loin dans les éléments qui ne sont pas affichés. –
* Pourquoi * ne voulez-vous pas utiliser des sprites CSS? – mpen