Comment écrire sur une image mapper ?

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.

2 réponses

  1. Contributeur
    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 ?
    1. 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 ^^
      1. Contributeur
        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.
      2. 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 ;)
      3. Contributeur
        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
      4. Je ne compte pas me lancer dans le jquery pour ce site :/ Je continu mes recherches en css, on verra :) Merci de ton aide
      5. Contributeur
        pas besoin de maîtriser le jquery pour mettre en place qtip