Bonjour,

comme expérience pour me familiariser avec jQuery, j'ai réalisé une image-bouton qui passe du noir et blanc à la couleur lorsque la souris passe dessus (en inversement). J'utilise actuellement un code semblable à :

image.hover(function() {
   $(this).attr('src', cheminImageCouleur);
}, function() {
   $(this).attr('src', cheminImageNoirEtBlanc);
});

ce qui donne le résultat voulu mais nécessite un temps d'attente si l'image voulue n'a pas été préchargée.
Je connaissais le truc d' "image caching" consistant à écrire :

var imageCouleur = new Image();
imageCouleur.src = cheminImageCouleur;

au chargement de la page mais cela ne semble pas résoudre mon problème. Quelqu'un pourrait-il m'indiquer quelques pistes ?
Merci d'avance.

Une piste, c'est d'utiliser un background plutôt qu'une balise <img>, et de spriter ton background.

http://www.alsacreations.com/tuto/lire [...] position.html

Merci, je ne connaissais pas.