[Problème] Une image, plusieurs textes

[shadowseb]

Bonjour!

He oui une autre question, mais celle-ci rien à faire, je ne trouve pas d'équivalence, bien que j'ai trouvé de nombreuse réponses à de nombreuse questions!

Je cherche à segmenter en lien un image (je ne connais pas le terme exact, mais je sais qu'on peut faire plusieurs lien avec une seule image) seulement je ne veux pas qu'elle soit vraiment cliquable, je veux simplement que ça fasse apparaître un texte. Je vous met en contexte

On parle d'une carte possédant des limites/frontière, et chaque "zone" porte un nom. Hors, j'aimerais que quand on met la sourie sur une "zone", qu'on voit qu'elle est le nom de la dite zone (Ex: Manoir de Ravenwood, Lac des cendres, etc...). S'il existe une sorte de script ou de module qui ferait apparaitre (toujours sans cliquer, disons après 1 à 2 secondes d'immobilisation de la sourie) un encadré plus détaillé, se serait géniale! Mais c'est très accessoire.

Merci!

Seb

[shadowseb]

Re : Une image, plusieurs textes

J'ai trouvé les termes exact! Mais sans résultat concret... Avec quoi, ou comment, utiliser des infobulles avec du mappage?

merci!

[shadowseb]

Re : Une image, plusieurs textes

Avec les bon terme anglophone, j'ai finalement trouver le plugin jmootips. De ce que je peut voir, je devrai utiliser un autre plugin pour faire mon imagemap ou encore un logiciel (comme webexpert ou autre editeur html classique), puis copier le code et adapter le tout. Ce n'est pas un problème en soit, c'est même assez normal.

Vous pouvez trouver ce plugin et les instruction d'utilisation à cette adresse:

http://www.jschmidt-systemberatung.de/index.php?option=com_content&view=article&id=135:jmootips-and-image-maps&catid=70&Itemid=428&lang=en

[shadowseb]

Re : Une image, plusieurs textes

J'ai un autre problème.... Voici on code:

<map name="map">
<area shape="rect" coords="14,17,92,83" href="1">
<area shape="rect" coords="102,18,198,79" href="2">
<area shape="rect" coords="214,20,255,45" href="3">
<area shape="poly" coords="260,21,260,45,239,54,220,54,191,91,200,116 ,200,186,311,177,308,17,258,20,258,23" href="4">
<area shape="poly" coords="18,90,19,103,52,181,95,182,115,139,96,105, 82,90" href="5">
<area shape="poly" coords="99,104,120,139,103,179,147,200,183,195,197 ,154,194,108,162,88,126,91" href="6">
<area shape="poly" coords="52,187,70,231,103,223,96,185" href="7">
<area shape="poly" coords="106,191,107,224,163,272,307,184,191,195,16 4,207,133,204" href="8">
<area shape="poly" coords="309,189,313,324,182,329,169,309,164,280,30 9,188" href="9">
<area shape="poly" coords="74,236,104,230,140,273,155,275,182,347,171 ,379,119,380,95,356,97,299" href="10">
<area shape="poly" coords="305,334,184,335,190,349,169,398,178,432,20 9,423,236,431,262,431,273,422,291,419,303,388,313, 378,311,336,310,336" href="11">
<area shape="poly" coords="122,391,131,429,172,431,162,397,168,386,12 2,387" href="12">
<area shape="poly" coords="313,17,316,174,404,175,445,118,433,91,425, 71,394,83,356,75,337,58,328,17,313,17" href="1">
<area shape="poly" coords="333,17,339,56,356,70,391,78,420,69,428,60, 435,18" href="2">
<area shape="poly" coords="437,25,430,67,447,113,503,129,520,102,549, 99,587,94,631,95,630,17,438,17" href="3">
<area shape="poly" coords="518,157,536,171,565,175,592,176,609,175,60 6,166,616,156,616,138,630,124,630,104,609,100,552, 101,523,110,506,131,510,139,514,150" href="4">
<area shape="poly" coords="315,182,318,269,405,277,411,229,396,221,38 9,208,389,194,400,182" href="5">
<area shape="poly" coords="397,190,394,197,394,210,400,220,411,224,42 7,226,446,215,453,194,450,179,438,172,418,176,401, 185,398,189" href="6">
<area shape="poly" coords="435,134,447,118,470,130,503,133,510,154,52 4,169,541,177,562,181,583,183,612,179,613,192,606, 208,599,216,542,214,504,226,451,171,410,173,418,16 3,422,158,430,145" href="7">
<area shape="poly" coords="454,182,455,199,449,220,434,228,416,231,41 3,276,487,281,484,263,488,245,500,230,454,180" href="8">
<area shape="poly" coords="317,276,317,373,399,364,408,280" href="9">
<area shape="poly" coords="412,283,403,368,409,377,409,390,404,411,42 0,408,433,409,456,418,496,309,485,285,414,281" href="10">
<area shape="poly" coords="583,221,545,218,503,231,489,257,489,278,49 6,304,522,316,561,323,560,293,577,276,587,261,584, 243,595,223,592,222" href="11">
<area shape="poly" coords="497,312,470,407,489,401,501,406,524,403,53 1,383,557,364,560,328,521,320" href="12">
<area shape="poly" coords="312,447,350,444,392,421,405,386,396,368,32 7,376,307,393,300,408,303,436,309,446" href="manville">
<area shape="poly" coords="134,472,139,490,165,486,189,475,193,459,15 5,456,132,460" href="1">
<area shape="poly" coords="203,452,211,446,240,457,237,518,139,520,14 0,495,163,493,186,484,193,472,194,461" href="2">
<area shape="poly" coords="252,457,257,458,285,447,298,441,301,448,31 0,451,354,444,363,448,375,516,241,520,242,496,243, 479,243,458" href="3">
<area shape="poly" coords="367,465,377,519,537,518,538,506,530,493,50 7,488,479,477,473,456,471,433,454,443,447,436,425, 432,402,438,395,436,366,450" href="4">
<area shape="poly" coords="533,450,523,478,531,492,511,486,482,476,47 5,451,474,434,489,426,501,431,514,429,530,422,533, 435" href="5">
<area shape="poly" coords="137,535,140,553,169,583,233,580,236,525,13 7,526" href="6">
<area shape="poly" coords="317,555,354,554,383,572,374,522,241,527,23 9,541,239,549,238,576,273,577,296,576" href="7">
<area shape="poly" coords="383,549,388,572,446,553,490,555,510,569,53 0,549,537,521,378,524,383,547" href="8">
<area shape="poly" coords="170,588,169,622,172,632,257,632,255,615,24 4,595,226,584" href="9">
<area shape="poly" coords="293,631,293,604,299,580,234,586,248,596,25 9,628" href="10">
<area shape="poly" coords="389,613,384,580,358,561,319,561,300,580,29 5,632,391,631" href="11">
<area shape="poly" coords="390,580,395,629,500,632,496,594,508,574,49 2,562,449,557" href="12"></map>
<img src="../carteaout2014.png" border="0" width="648" height="648" alt="" / usemap="#map">

Dans la balise IMG, le usemap="#map" disparait tout le temps, du coup tout le code plus haut est inutile... Des idée pour régler le problème?

Merci!