Comment écrire sur une image mapper ?

Fermé

tgos93 Messages postés 83 Date d'inscription vendredi 28 décembre 2012 Statut Membre Dernière intervention 9 juillet 2014 - 19 avril 2013 à 11:44
ThEBiShOp Messages postés 8378 Date d'inscription jeudi 22 mars 2007 Statut Contributeur Dernière intervention 8 février 2021 - 19 avril 2013 à 12:28

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:

Comment écrire sur une image mapper ?
Ecrire en gras sur whatsapp - Guide
Facebook friend mapper - Télécharger - Vie quotidienne
Comment agrandir une image - Guide
Ecrire en miroir - Guide
Image iso - Guide

2 réponses

Réponse 1 / 2

ThEBiShOp Messages postés 8378 Date d'inscription jeudi 22 mars 2007 Statut Contributeur Dernière intervention 8 février 2021 1 566
19 avril 2013 à 11:47

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 ?

Réponse 2 / 2

tgos93 Messages postés 83 Date d'inscription vendredi 28 décembre 2012 Statut Membre Dernière intervention 9 juillet 2014
19 avril 2013 à 11:52

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 ^^

ThEBiShOp Messages postés 8378 Date d'inscription jeudi 22 mars 2007 Statut Contributeur Dernière intervention 8 février 2021 1 566
19 avril 2013 à 11:54

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.

tgos93 Messages postés 83 Date d'inscription vendredi 28 décembre 2012 Statut Membre Dernière intervention 9 juillet 2014
19 avril 2013 à 12:03

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 ;)

ThEBiShOp Messages postés 8378 Date d'inscription jeudi 22 mars 2007 Statut Contributeur Dernière intervention 8 février 2021 1 566
19 avril 2013 à 12:05

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

tgos93 Messages postés 83 Date d'inscription vendredi 28 décembre 2012 Statut Membre Dernière intervention 9 juillet 2014
19 avril 2013 à 12:14

Je ne compte pas me lancer dans le jquery pour ce site :/ Je continu mes recherches en css, on verra :) Merci de ton aide

ThEBiShOp Messages postés 8378 Date d'inscription jeudi 22 mars 2007 Statut Contributeur Dernière intervention 8 février 2021 1 566
19 avril 2013 à 12:22

Discussions similaires