[RÉGLÉ] Liens dans une image

[forlent]

Bonjour,

Je m'excuse si je n'ai pas choisie la bonne rubrique

voila mon probleme. J'ai une image assez grande et j'utilise se code pour mettre des liens sur différente zone de l'image

<p>
   <map name="map_sommaire" id="id_map">
      <!--informations de votre map-->
      <area shape="rect" coords="0,2075,2480,2145" href="partie_1.html" />
	  <area shape="rect" coords="0,2145,2480,2252" href="partie_2.html" />
	  <area shape="rect" coords="0,2252,2480,2360" href="partie_3.html" />
	  <area shape="rect" coords="0,2360,2480,2475" href="partie_4.html" />
	  <area shape="rect" coords="0,2475,2480,2580" href="partie_5.html" />
	  <area shape="rect" coords="0,2580,2480,2687" href="partie_6.html" />
	  <area shape="rect" coords="0,2687,2480,2793" href="partie_7.html" />
	  <area shape="rect" coords="0,2793,2480,2907" href="partie_8.html" />
	  <area shape="rect" coords="0,2907,2480,3018" href="partie_9.html" />
	  <area shape="rect" coords="0,3018,2480,3117" href="partie_10.html" />
	  
      <!-- ainsi de suite … -->
   </map>
   
   <div id="sommaire">
   <img src="0001.jpg"  usemap="#map_sommaire" alt="image"/>
   </div>
</p>

Or une fois mon article publier, l'image se reduit à la taille de la page et mes map ne corresponde plus

Une solutions ?

Merci d'avance pour votre aide

[lomart]

Re : Liens dans une image

Bonjour,

Une solution est d'utiliser le script disponible sur cette page : https://github.com/stowball/jQuery-rwdImageMaps

Dans ton article, tu ajoutes

<script src="media/xx/jquery.rwdImageMaps.min.js"></script>
<script>
jQuery(function($) { 
$(document).ready(function(e) {
    $('img[usemap]').rwdImageMaps();
});
});
</script>

S'assurer que le chemin du fichier JS (media/xx/) soit le bon

[lomart]

Re : Liens dans une image

il faut aussi que ton template charge jquery

[forlent]

Re : Liens dans une image

ça fonctionne

merci