Comment écrire sur une image mapper ?

tgos93 Messages postés 83 Date d'inscription   Statut Membre Dernière intervention   -  
ThEBiShOp Messages postés 8411 Date d'inscription   Statut Contributeur Dernière intervention   -
Bonjour,

J'ai mapper une image (créer des liens sur une image avec les coordonnées) et j'ai donc quelque chose de ce type :

<img alt="image.png" usemap="#image" src="img/image.png">

<map id="image" name="image">
<area alt="Logistique" href="" shape="circle" coords="471,58,53">
<area alt="Communication" href="" shape="circle" coords="628,108,52">
<area alt="Gestion" href="" shape="circle" coords="727,244,52">
<area alt="PRAP" href="" shape="circle" coords="726,411,52">
<area alt="ModulesComplémentaires" href="" shape="circle" coords="629,547,52">
<area alt="PEI" href="" shape="circle" coords="470,598,52">
<area alt="LPAD" href="" shape="circle" coords="311,546,52">
<area alt="Calcul" href="" shape="circle" coords="214,412,52">
<area alt="ExpressionEcrite" href="" shape="circle" coords="213,244,52">
<area alt="Raisonnement" href="" shape="circle" coords="311,109,52">
<area alt="centre" href="centre.php" shape="circle" coords="471,327,107">
</map>

J'aimerai inclure un texte dans chaque area, mais je ne sais pas comment faire ... Cela m'intéresserait dans le but de pouvoir modifier ce texte contenu dans la bdd.

Dans l'espoir que vous pourrez me venir en aide...
Merci d'avance.

A voir également:

2 réponses

ThEBiShOp Messages postés 8411 Date d'inscription   Statut Contributeur Dernière intervention   1 566
 
Salut,

je ne comprends pas bien ce que tu veux faire.
Tu veux que le texte soit visible tout le temps ? Ou que ça soit une espèce de hintbox ?
0
tgos93 Messages postés 83 Date d'inscription   Statut Membre Dernière intervention  
 
Bjr,

En fait j'ai une image mappé avec 11 "bulles" qui amène chacune vers une page et j'aimerai écrire sur la bulle en question.
Admettons j'ai la bulle "logistique" j'aimerai qu'il soit écrit logistique dessus (via la bdd) pour modifier à tout moment le contenu...
Je ne connais pas les hintbox par contre dsl ^^
0
ThEBiShOp Messages postés 8411 Date d'inscription   Statut Contributeur Dernière intervention   1 566
 
la hintbox (on peut l'appeler de différente manière) c'est une info-bulle qui s'affiche au passage de la souris au dessus d'une zone donnée.
0
tgos93 Messages postés 83 Date d'inscription   Statut Membre Dernière intervention  
 
Je viens de regarder ce que c'était plus précisément mais je ne veux pas que cela s'affiche au passage de la souris mais que le texte soit fixe sur la bulle ;)
0
ThEBiShOp Messages postés 8411 Date d'inscription   Statut Contributeur Dernière intervention   1 566
 
il doit y avoir plusieurs façon de faire je pense, en css c'est faisable, tu peux aussi utiliser qtip par exemple qui est facile à paramétrer.

http://craigsworks.com/projects/qtip2/demos/#tips
0
tgos93 Messages postés 83 Date d'inscription   Statut Membre Dernière intervention  
 
Je ne compte pas me lancer dans le jquery pour ce site :/ Je continu mes recherches en css, on verra :) Merci de ton aide
0
ThEBiShOp Messages postés 8411 Date d'inscription   Statut Contributeur Dernière intervention   1 566
 
pas besoin de maîtriser le jquery pour mettre en place qtip
0