AccueilMembres connectés récemment
[PHPBB2] Plusieurs liens dans une image cliquable
3 participants
Page 1 sur 1
- soleda
-
Dim 19 Juil 2020 - 16:20
- Version du forum :PHPBB2
- Templates modifiés :oui
- Navigateur :Chrome
Bonjour Philippe je viens vers toi car je me pose une question , comment mettre plusieurs lien cliquable dans une seule image ?je pense que il faut un code comme quand ont fait une bannière mais lequel ?
Merci pour ton aide .
![[PHPBB2] Plusieurs liens dans une image cliquable 1157](https://servimg.com/r/2020118727/1157.png)
- Neptunia
-
Dim 19 Juil 2020 - 21:12
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