Discussion :

[xelfer13]

Bonjour,

J'utilise une balise area sur une photo du genre google map qui contient des batiments. Et je voudrais sur cette photo y insérer une infobulle par bâtiment affichant une image et des infos. Donc en gros quand jme ballade sur l'image a chaque fois que je rencontre un bâtiment j'affiche les infos du bâtiment mais sous forme d'une image.
Est ce que c'est possible? Si oui comment?

Merci d'avance

[saymoneu]

Bonjour,

Pourquoi ne pas utiliser hover dans ton CSS?
Un truc du genre

Code :

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

1
2
3
.batiment:hover{
     background-image:url('image.jpeg');
}

Qu'en penses-tu?

[Vil'Coyote]

si l'image est fixe tu peux voir du côté d'une map area.

[xelfer13]

Justement c'est ce que j'utilise.
En fait à la base j'ai un plan du style google map.
Et je veux lorsque je passe sur une zone afficher une infobulle avec un image de la zone . Et c'est cette image de la zone que j'arrive pas à implémenter...

[Vil'Coyote]

si c'est du google map avec l'api google il t'es possible de le faire via les coordonné du lieu. j'ai plus le nom de la fonction en tête mais il te faut les coordonnées (longitude / latitude) sinon il y a une fonction permettant de les avoir en indiquant l'adresse du lieu. mais là encore ce sont de vagues souvenirs.

[xelfer13]

Non mais en fait j'ai une image fixe les zones je les ai déjà .
En gros pour l'instant j'arrive à découper mon image par zone rectangulaires et quand je passe la souris j'affiche le nom de la zone dans une infobulle.
Mais c'est pas le nom que je voudrais afficher mais bien une autre image (dans l'infobulle). Apparemment c'est pas possible sans javascript...

[Vil'Coyote]

oui en effet sans javascript c'est pas jouable.

[xelfer13]

C'est bon mon problèmes est résolu donc en utilisant du javascript il me reste un détail mais je le poserai du coté javascript