Image survolée modifie 2 images

Bonjour,

je suis débutant pour tout ce qui est création de site web et je me posais une question :
est-il possible, uniquement avec du CSS (et du html bien sur ) de pouvoir modifier deux images simultanément (A et B) au survol d'une des deux images en question (A ou B) ?
J'ai pas trouvé grand chose comme aide là dessus donc je me demande si c'est possible.

Merci à vous!

Bonsoir,

Oui il est possible de modifier plusieurs éléments lors d'un survol.

Il te faudra donner modifier les comportements de tes images...

mouf > Tu n'as pas un petit bout de script à montrer ?


Perso, sans JS, pour modifier 2 éléments en en survolant un, ça risque d'être difficile.

Hello,

Laurie-Anne a écrit :

Perso, sans JS, pour modifier 2 éléments en en survolant un, ça risque d'être difficile.

Idem.

Il existe bien une technique qui s'en rapproche (et qui ne fonctionnera que dans les navigateurs modernes) mais qui ne répond pas à la question :

html

<div id="conteneur">
	<img class="img1" src="mon_image1.gif" alt="" />
	<img class="img2" src="mon_image2.gif" alt="" />
</div>

css

#conteneur {
	background: #000;
	padding: 10px;
}
.img1, .img2 {
	border: 2px solid green;
}
#conteneur:hover .img1 {
	border: 2px solid blue;
}
#conteneur:hover .img2 {
	border: 2px solid red;
}

Heyoan a écrit :
Il existe bien une technique qui s'en rapproche (et qui ne fonctionnera que dans les navigateurs modernes)

Je serais plus tenté de dire :
"qui ne fonctionnera pas que sur IE6"

BeliG a écrit :
Je serais plus tenté de dire :
"qui ne fonctionnera pas que sur IE6"

Uniquement parce que tu fais la distinction entre les vieux navigateurs (en l'occurrence LE VIEUX) toujours en service et les autres !

Merci pour ces réponses !

Je vais essayer de suivre la piste donnée par Heyoan.
J'ai également vu qu'il était possible de paramétrer le changement d'une image au survol dans le code HTML avec "onmouseover".
Du coup je vais également regarder s'il n'y a pas une piste intéressante de ce côté là pour modifier deux images simultanément.

Heyoan a écrit :
Uniquement parce que tu fais la distinction entre les vieux navigateurs (en l'occurrence LE VIEUX) toujours en service et les autres !

Il n'y a plus de "vieux navigateurs" ni de "navigateurs modernes".

Il y a IE6, et les autres...

( )

lawachekyry a écrit :

J'ai également vu qu'il était possible de paramétrer le changement d'une image au survol dans le code HTML avec "onmouseover".
Du coup je vais également regarder s'il n'y a pas une piste intéressante de ce côté là pour modifier deux images simultanément.

onmouseover est effectivement la solution... et c'est du JavaScript.

J'ai fait du javascript sans le savoir
Il va falloir que je plonge dans des tuto java du coup.