Membres connectés récemment
[PHPBB2] Plusieurs liens dans une image cliquable
3 participants
Page 1 sur 1 • Partagez
Coucou Chantal et Philippe
Pour les explications c'est ici -> https://asistencia.foroactivo.com/t128420-como-crear-una-imagen-reactiva
Un exemple tout simple avec la carte de l'univers Star Trek et ses quatre quadrants.
Il faut ici cliquer sur le lien Agrandir l'image, sinon vu que l'image est redimensionnée, les coordonnées de chaque zone ne correspondent plus.
Je n'utilise ici que des formes de type Rectangle, c'est facile.
S'il s'agissait de faire une carte de France comme ici, ça serait autrement plus compliqué et quasiment impossible sans logiciel faisant le boulot. Je crois que c'est le cas de Photoshop et/ou de The GIMP. Peut-être y a t'il un filtre pour le faire sur Photofiltre ?
Chaque quart de l'image a un lien pointant vers l'un des empires du Quadrant survolé
Il faut ici cliquer sur le lien Agrandir l'image, sinon vu que l'image est redimensionnée, les coordonnées de chaque zone ne correspondent plus.
Je n'utilise ici que des formes de type Rectangle, c'est facile.
S'il s'agissait de faire une carte de France comme ici, ça serait autrement plus compliqué et quasiment impossible sans logiciel faisant le boulot. Je crois que c'est le cas de Photoshop et/ou de The GIMP. Peut-être y a t'il un filtre pour le faire sur Photofiltre ?
Chaque quart de l'image a un lien pointant vers l'un des empires du Quadrant survolé
- Code:
<img usemap="#Quadrants" src="https://i.servimg.com/u/f93/19/50/00/72/galact10.jpg" width="700" height="700" border="0">
<map name="Quadrants">
<area shape="rect" title="Quadrant Alpha" coords="0,699,349,350" href="https://fr.wikipedia.org/wiki/F%C3%A9d%C3%A9ration_des_plan%C3%A8tes_unies">
<area shape="rect" title="Quadrant Bêta" coords="350,699,699,350" href="https://fr.wikipedia.org/wiki/Klingon">
<area shape="rect" title="Quadrant Gamma" coords="0,349,349,0" href="https://fr.wikipedia.org/wiki/Dominion_(Star_Trek)">
<area shape="rect" title="Quadrant Delta" coords="350,349,699,0" href="https://fr.wikipedia.org/wiki/Borg_(Star_Trek)">
</map>
Pour les explications c'est ici -> https://asistencia.foroactivo.com/t128420-como-crear-una-imagen-reactiva
Sujets similaires
Créer un compte ou se connecter pour répondre
Vous devez être membre pour répondre.
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum