Discussion :

[AnDy(yours)]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[Erwan31]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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.