Version complète: sur le forum Webmaster Hub : A hover sur image
Webmaster Hub > Création et exploitation de Sites Internet > Les langages du Net > (X)HTML et CSS
leditvalentin
Bonjour,

Je voudrais savoir si il est possible à l'aide de la propriété a hover de modifier une image lorsqu'elle est survolé par une autre image ?
Merci de votre aide
slender
salut,
oui c'est possible.
adn
Salut leditvalentin,

Perso je mettrai qu'un seul "f" dans le menu tarif de ton site http://maquis-plage.com/ whistling.gif
@++
smile.gif
karnabal
Salut,

Après une courte visite sur ton site je ne peux que difficilement éviter le hors-sujet, mais je tiens à te faire la remarque suivante : je ne suis pas certain que le choix du rouge pour ton texte soit très judicieux. Je ne trouve pas le texte très agréable à lire dans cette couleur. wink.gif
leditvalentin
Ce n'est pas mon site ! Mais le site de la personne qui m'a répondu.

smile.gif

Un petit mp c'est plus simple est moins encombrant ! smile.gif

Merci
Florent V.
CITATION(leditvalentin @ jeudi 3 mai 2007, 18h09) *
Je voudrais savoir si il est possible à l'aide de la propriété a hover de modifier une image lorsqu'elle est survolé par une autre image ?

C'est tout à fait possible, mais potentiellement problématique pour l'accessibilité.

S'il s'agit de remplacer une image de fond décorative par une autre image de fond décorative, pas de problème. S'il s'agit de remplacer une image portant une information (par exemple le texte d'un bouton) par une autre image, le tout en passant par les feuilles de style CSS... c'est pas terrible. L'information, qui devrait se trouver dans le code HTML, est déportée dans la feuille de style, et donc non accessible à tout un tas d'outils : lecteurs d'écran, robots d'indexation, etc.

Pour faire une image-bouton avec effet de survol, mieux vaut :
- utiliser une image HTML avec attribut alt correctement renseigné ;
- changer l'image au survol, avec Javascript.

Faire tout ça en CSS est séduisant sur le papier, mais à bien y réfléchir c'est pas vraiment une bonne idée.
(Nota : et les techniques de remplacement d'image, consistant caser un texte dans le contenu HTML et à le cacher en CSS pour le remplacer par une image de fond, sont loin d'être parfaites, même si elles peuvent parfois représenter une alternative intéressante.
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.