Preload d'image en Css

bonjour

je voudrais preloader des images qui s'affichent au passage de la souris

voici le script css pour le changement d'image au passage de la souris:

Code:

---

1 2 3 4 5 6 7 8 9 10

a.hautG {display: block;width: 277px; height: 138px; background-image: url(../Images/Main/hautG.jpg);background-repeat: no-repeat;}   a.hautG:hover {background-image: url(../Images/Main/hautGc.jpg);}   * { margin: 0; padding: 0; }

---

voila tout ce que j'ai trouvé sur internet ce fait directment dans le html et je prefere le faire dans mon fichier css

merci d'avance

Bonsoir,
la technique pour éviter d'avoir à preloader tes image consiste à ne créer qu'un seule image qvec les 2 états (le hover au dessous) et à décaler ton image vers le haut au hover.
Exemple:

Code:

---

a.hautG:hover, a.hautG:focus {background-position: 0 -25px;}

---

Si ton image fait 25px de haut.

Ne pas oublier le focus pour les utilisateurs en accès clavier.