Bonjour,

J'ai une carte de France en SVG, j'aimerai que lorsque je passe la souris sur une zone une image s'affiche.
En sachant que lorsque je passe sur une zone j'ai déjà le nom de zone qui s'affiche.
Voici mon Html:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
              <g><a xlink:href="Ardèche.html"target="myFrame" >
         <path id="01" title="Ardèche"       d="M365.5,338.3l2.1-0.2c1.7-1.1,1-2.2,3.1-0.8c1.6,1.1,2.2-0.6,3.4-1.3c0.7-0.4,1.2,0.4,2.1,0c1.3-0.6,3.2-0.7,4.2-1.6c1.6-1.3-0.8-2.9-1.5-3.9c0.3-0.4,1.3-0.3,1-1.1c-0.4-1,0.2-1,0.7-1.8c0.4-1.1,1.5-0.8,1.5-2.2c0-2.2,2.7-1.7,3.1-3.4c0.5-2.2,4.6-4.7,6.7-4.7c2.2,0,2.1-0.9,3.5-2.2c1.1-0.9,4.6-1.9,6-2l0,0c0,0.1,0.1,0.2,0.1,0.3c0.7,1.5,1,1.8,0.7,3.5c-0.5,2.4,0,5.2,2.1,6.8c1.2,0.9,2,1.4,2.5,2.1l0,0c0.6,0.7,0.9,1.5,1.2,2.9c0.5,2.4-0.9,4.1-1,6.3c-0.2,3,1.4,5.5,1,8.7c-0.2,1.6-0.6,2.8,0,4.4c0.4,1.3,2.4,2.5,2.3,3.6c-0.3,2.5-3.1,3.1-2.5,6.2c0.4,2,2.6,2.7,3.1,4.5c0.3,1.3-0.4,2.5,0,3.7c0.6,1.9,3.5,1.9,3.7,3.6c0.2,1.3-1.6,2.5-2.2,3.8c-0.8,1.8-0.1,2.3-0.1,3.8c0,1.3-0.7,2.4,0.2,3.7c0.5,0.6,1,1.1,1.3,1.8c0.1,0.2,0.2,0.5,0.2,0.8c0.3,2.5,0.1,2.7,2,4.3c1.3,1.1,1.7,2.5,1.8,4.1c0,1.1,0.1,2.1-0.7,3.1c-1.3,1.6-2.9,2-3.1,4.4c-0.1,1.4,1.2,2.6,0.8,4c-0.3,1.1-1.8,1.1-2.3,2.4c-0.6,1.6-1.2,1.5-2.5,2.6c-1.3,1.1-0.1,3.1-0.3,4.5c0,0.1-0.2,0.1-0.2,0.2c-0.1,1.8-4,1.5-5,3.1c-0.9,1.5-0.6,2.9-2,4.4c-2.1,2.2-2.3,4.4-0.2,6.7c1.1,1.1,0.6,1.9,0.8,3.2c0.2,1.2,1.2,2.1,1.4,3.3c0.4,2.2,1.2,4.8,0.5,7.1c-1.9,5.5-7.4,9.5-9.9,14.6c-0.8,1.7-1.5,2.9-1,5c0.3,1.5,1,2.4,0.7,4c-0.4,2.2-2.4,3.8-2.2,6.1c0.1,1.2,0.8,2.2,0.9,3.4c0.1,1.7,0.8,3.4,0.4,5.1c-0.3,1.3-0.6,1.3-1.9,2c-2.3,1.2-2.4,2.7-2.4,5.1c0.1,1.6-1,2.7-0.8,4.4c0.1,1-0.6,1.7-1.1,2.5c-0.7,1.3,0.2,2-0.5,3.3c-0.6,1.1-0.3,3.3,0.1,4.4c0.1,0.3,0.2,0.6,0.3,0.9l0,0c0.1,0.4,0.2,0.8,0.1,1.3c-0.3,2-0.6,2.5,0.2,4.5c0.5,1.2-0.4,3-0.6,4.6l0,0c-1.3-0.5-1.2-2.5-2.4-3c-1.5-0.6-3.2,0.5-4.6-0.2c-0.8-0.4-0.7-2.1-1.4-2.5c-1.1-0.7-2.3-0.3-3.4-0.7c-2.3-1-2-3.8-5-4.4c-1.7-0.3-1.8-2.2-3.1-2.3c-1.5-0.1-2.7,0.2-4-0.7c-2.5,1.3-1.7,3.3-2.9,5.4c-0.9,1.7,2.5,5.2-1.9,4.7c-1.4-0.2-2.9,0.7-4.1-0.3c-1.7-1.5-0.1-3.2-1-4.7c-1-1.7,2.5-3.2,0-5.7c-0.5-0.5-3.7,1.3-4.4,1.5c-1.6,0.4-3.5-0.6-4,1.3c-0.4,2.1-2.4,2.7-4.2,2.6c-1.3-0.1-1,2.6-1,3.5c0,2.7-3.1,7.9-6,5c-2.1-2-2.6-3.4-5.4-4.8c-2.1-0.7-1.9-3.7-3.4-3.7c-3.1,0-2.6,1.3-4.2-2c-0.8-1.8-1.4-0.5-2.7-0.2c-0.6,0.1-0.8-0.7-1.3-0.8c-0.6-0.1-4.8,1.1-5.4,1.6c-0.8,0.6-1.5,2.1-2.4,0.8c-0.7-1-1.5-1.9,0-2.4c1-0.3,0.4-2.2,0.7-3.2c0.5-1.7-0.9-2.7-0.2-4.2c0.5-1.1-1.4-3.2-0.3-3.8c1.8-0.9,2.8,1.1,2.2-2.4c-0.6-1.5-3.6-1.7-3.4-3c0.1-1,1.7-2.3,0.3-3.2c-2-1.3-6.2-1.8-6.3-5.1c-0.1-2.1-1.2-3.1-0.9-5.3c0.2-1.1-0.2-1.7-0.5-2.7c-0.2-0.9-0.4-1.8-1-2.5c-0.5-0.5-1-1.1-1.3-1.7c-0.5-1.4,0.2-2.4-0.9-3.9c-0.4-0.5-0.6-1.6-1-1.9c-0.8-0.7-2.3,0.4-3.2-0.2c-1-0.7-1.5-2.4-2.4-3.2c0.1-0.5,0.2-1.1,0.2-1.7c0-0.2,0.3-1.2,0.1-1.4c-0.1,0-0.2-0.2-0.2-0.2c-0.2-0.7-2.3-0.4-1.8-2c0.4-1.2,0.3-1.2-0.1-2.3c-0.2-0.6,0.5-1.3,0.3-2.1c-0.2-0.9-1.1-1.2-1.3-1.9c-0.1-0.4,0.3-0.7,0.2-1.2c0-0.4-0.8-1.4-1-2c-0.7-1.7,0.8-2,0.1-3.2c-0.9-1.8-1.6-0.6-1-3c0.2-0.9-1-0.7-1.2-1.5c-0.2-1.1,2-2.4-0.3-3c-0.6-0.2-1.4-0.5-1.8-1c-0.1-0.2-0.2-0.6-0.3-1l0,0l4.1-0.6c0.7-1,1.8,0,2.4-1.7c0.3-0.9,1.5-1.1,2.2-1.7c0.9-0.8,1.1-1.2,1.1-2.3c0-0.6,0.8-1.1,1.1-1.6c0.7-0.8,2.2-7.2,3.1-7.1c0.8,0.1,1.8,2,2.5,2.5c2.5,1.7,1.2-2.5,1.3-2.8c1.3-0.3,2.9,3.1,3.6-0.5c0.4-1.7,1.4-7.2,3.5-7.2c2.1,0,4.3,1.4,6.3-0.1c1.8-1.4,2.4-0.6,4.2-0.1c0.6,0.2,1.5-0.2,2-0.5c0.6-0.3,1.7,0.4,2.8-0.2c2-1,2.4-1.7,2.8-3.6c0.4-2.1,1.3-3.2,2.6-4.9c0.8-1.2,1.7-1.5,2.3-3.1c0.4-1.1,0.8-6.2,3.1-4.8c2.5,1.6,2.3,0.5,4.9-0.1c2.5-0.5,6.2-2.2,2.6-4.7c-1.7-1.2-0.7-1.3-0.1-2.4c0.5-0.8-0.5-1.9,0.4-3c0.7-1.7,2-1.6,3.2-0.9c0.9,0.5,6.5-1.8,6.6-3.1c0.1-3.1-2.2-1.4-3.5-3.3c-0.3-0.5-0.6-2.6,0.1-3c1.3-0.7,1.7-0.5,1.4-2.1c-0.7-4.2,6.8-0.3,4.2-4.8l-0.1-0.3c0,0,0,0-0.1-0.1c-0.9-0.2-3-1.4-2.7-2.5c0.7-2.4,0.5-1.8,2.6-1.5c1.2,0.2,3.2-0.2,3.9,0.9c0.9,1.4,0.3,1,0.2,2.4c-0.1,0.7,0,1.8,0.7,2.2c0.5,0.3,0.5-1.3,1.3-1.5c0.4-0.1,1.7,0.3,1.6-0.4c-0.3-1.5-1.2-2.3-1.5-3.8c-0.4-1.7,1.5-5.2,2.7-6.2c1-0.8,1.8-0.4,2.1-2c0.2-1.1-0.1-2.1-0.1-3.2c0.1-0.4,0.2-1,0.5-1.3c0.4-0.5,0.8-1.2,0.9-1.8C366.1,339.3,365.9,338.9,365.5,338.3L365.5,338.3z"/>
      <text transform="matrix(1 0 0 1 333.4097 433.8369)"><tspan x="0" y="0" class="texte">Ardèche</tspan></text>
          </a></g>
et voici le code mon afficher le nom:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
                 <text font-size="100" x="-20" y="30" display="none" style="font-size:15px;font-weight:bold;fill: #bbef0d;font-family:Verdana">
Ardèche
       <animate fill="freeze" dur="0.1s" begin="01.mouseover" from="none" to="block" attributeName="display"></animate>
       <animate fill="freeze" dur="0.1s" begin="01.mouseout" from="block" to="none" attributeName="display"></animate>
           </text>
Je vous remercie de votre aide.
Cordialement
Max