Lien hover au passage du curseur sur une img Fermé

Question

Bonjour,

je fais appel a vous car je suis dans la panade, je demande votre aide a genoux.

Il y a un exemple concret a mon probleme : leboncoin.fr

J' ai la liste des regions en liens plus la carte de france avec region cliquable.

J' aimerai que lorsque je passe le curseur sur une region, le lien correspondant sois souligné.

Les liens seuls fonctionnent, si je passe la souris sur le lien "bretagne", il devient souligné.

Voici la partie de la carte correspondant a la bretagne:

<area shape="poly" coords="191,159,180,163,174,154,139,151,130,158,111,135,45,149,44,182,60,196,134,220,151,213,171,204,184,200,195,192" href="l.php?r=1" id="1" title="Bretagne">

et voici le lien "bretagne" en toutes lettres:

<a id="1" href="l.php?r=1" title="Bretagne">Bretagne</a>

Ca serait super sympa si il y avait mon sauveur aujourd' hui !!!

Mille mercis!

gégé · Answer

Peu-être une astuce? javascript? Si oui, avez-vous un lien pour me guider pour mon exemple concret? Il y' a tellement de trucs sur le net en javascript que je ne trouve pas mon bonheur. :/

bg62 · Answer

voir ici:
image mapping
en suivant tous les liens tu trouveras certainement la réponse qui te convient ... :)

gégé · Answer

Merci de ton aide, alors par contre aprés avoir visité ton lien, je me suis rendu compte que ca ne parlait que de mapping, image cliquable. Hors moi, cette partie fonctionne. Ma carte de france cliquable fonctionne bien, seulement a coté en texte, j' ai la liste des region en plus de la carte de france.  Et ce que je recherche, c' est comment faire pour que lorsque je passe le curseur sur une region de la carte, lien de la liste en texte se mette en surligné aussi (hover)?

bg62 · Answer

lien de la liste en texte se mette en surligné aussi 
...  certainement créer une 'correspondance' à l'aide de JavaScript ... mais là ?

gégé · Answer

Voila, c' est ca, une sorte de correspondance ou de liaison, entre les deux, mais je ne trouve rien la dessus.

Et forcement quand je fais des recherches je tombe sur "image qui change quand on passe sur un lien", alors ca aide pas.


Bon ben je suis perdu :)

bg62 · Answer

faudrait que RAD passe pour ça mais l'est pas là ...
désolé ...

gégé · Answer

C' est pas grave je vais attendr,e merci encore en attendant :)

Mathieu · Answer

Si on regarde le code utilisé par le bon coin, c'est pas sorcier :
function change_image(region) {
	var ShowItem = document.getElementById("area_image");
	var LinkItem = document.getElementById("county_" + region);
	ShowItem.style.backgroundImage = 'url(/img/map_' + region + '.gif)';
	LinkItem.style.textDecoration = "underline";
	return true;
}

Ils se servent d'une même numéro d'ID à la fois pour le AREA d'une région, et pour le lien à côté.

Lien hover au passage du curseur sur une img

8 réponses

Discussions similaires