Discussion :

[azekazek]

Bonjour.

J'ai réussi à sélectionner des zones (selon les coordonnées X et Y en pixels) et y afficher du texte spécifique pour chaque zone. Maintenant je bute sur un problème à savoir que je n'arrive pas à afficher une icône (petite image) sur chacune de ces zones.
Donc c'est le même principe, mais au lieu d'afficher du Texte, je voudrais cette fois-ci afficher une petite image.

J'attends avec impatience votre(s) réponse(s) en vous remerciant d'avance.

Ci-joint le script que j utilise pour afficher du texte sur plusieurs zones d'une même image :

Code html :

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

1
2
3
4
5
6
7
8
9
<img src="d:\qb64\param_pictures\10_2013\Mapvent.jpg" alt="" height="768" width="1024" usemap="#map" border="0">
<map name="map">
	<area title="Tamanrasset-TT=36°C Ciel clair<br> Vent variable" shape="rect" coords="685,594,688,598" href="#">
	<area title="Alger- Ciel tres nuageux TT=24°C Vent calme" shape="rect" coords="570,54,574,57" href=#>
	<area title="Oran-TT=36°C Brouillard avec ciel invisible Vent variable" shape="rect" coords="407,98,411,102" href="#">
	<area title="Bechar- Ciel Couvert TT=34°C Vent calme" shape="rect" coords="340,252,344,257" href="d:\qb64\wget\pictos\tableau\ovc.png">
	<area title="El-Oued-TT=36°C Brouillard avec ciel invisible Vent variable" shape="rect" coords="731,190,736,194" href="#">
	<area title="Ghardaia- Ciel peu nuageux TT=34°C Vent calme" shape="rect" coords="577,236,581,240" href="#">
</map>

[Vil'Coyote]

comme ça à la va vite.
tes images dans des div hidden
une fonction javascript faisant apparaitre et disparaitre les div
onmouseover et onmouse appelant ta fonction javascript pour faire l'action souhaité.

[rodolphebrd]

Bonjour,

que voulez-vous obtenir ?

Une carte ?

Qu'entendez-vous par :

je n'arrive pas à afficher une icône (petite image) sur chacune de ces zones.

Voulez-vous un effet au survol des zones ?

Je ne pense pas que la balise map soit la meilleure solution !!

Il existe des solution en javascript : mapper.js

[Bovino]

Une image map avec des infobulles CSS3 et jQuery.