La surface de l’image peut comporter plusieurs zones cliquables (de formes diverses et paramétrables) qui renvoient chacune vers une page différente, grâce au balise <pre> <imagemap></pre>. Le « ''i'' » qui assure le lien vers la page de description de l’image peut alors être insérer dans l'angle voulu, bien qu'il ne soit pas obligatoire.<br>
La surface de l’image peut comporter plusieurs zones cliquables (de formes diverses et paramétrables) qui renvoient chacune vers une page différente, grâce au balise <code> <imagemap></code>. Le « ''i'' » qui assure le lien vers la page de description de l’image peut alors être insérer dans l'angle voulu, bien qu'il ne soit pas obligatoire.<br>
* Syntaxe générale
* Syntaxe générale
<pre>
<pre>
Version du 8 novembre 2021 à 13:06
Ajout de lien
La surface de l’image peut comporter plusieurs zones cliquables (de formes diverses et paramétrables) qui renvoient chacune vers une page différente, grâce au balise
Erreur : vous devez spécifier une image dans la première ligne.
rect
Pour former un rectangle. Les paramètres sont les coordonnées de l’angle haut-droite, vers l’angle bas-gauche, suivies par un lien entre crochets (Exemple1)
circle
Pour former un cercle. Les deux premiers paramètres définissent le centre, le troisième concerne le rayon du cercle, suivis par un lien entre crochets (Exemple1)
poly
Pour former un polygone. Les coordonnées de tous les sommets sont données, suivies par un lien entre crochets (Exemple2)
desc
Spécifie la location de l’icône bleu, avec un « i » qui assure le lien vers la page de description de l’image. Cette fonction est désactivé pour les vignettes. Peut prendre les valeurs :
Image1: Comment trouver les coordonnées des points.
top-right (haut à droite), bottom-right (bas à droite), bottom-left(bas à gauche), top-left (haut à gauche), none (aucune description).
Comment trouver les coordonnées
/!\ Les coordonnées sont celles de l'image source en taille réelle
Le plus simple pour trouver les coordonnées de points sur une image est de l'ouvrir en taille réelle avec un logiciel de retouche d’image qui indique les coordonnées du pointeur (Image1), en nombre de pixels. Il n’y a alors plus qu’à les noter.
Exemple
Syntaxe
Rendu
Exemple1
Pour le cercle : 1 correspond à la coordonnée en abscisse 2 correspond à la coordonnée en ordonnée 3 correspond au rayon du cercle voulu 1:168px | 2:246px | 3:78px
Pour le rectangle : 1:852px | 2:352px | 3:1104px | 4:675px
Ce qui donne :
<imagemap>
Fichier: Rect and circle.png|500px|Image tuto
circle 168 382 78 [[Mike Ashman]]
rect 852 352 1104 675 [[Isaac Cathardo]]
desc bottom-right
</imagemap>
Image tuto
Exemple2
Pour le polygone : 1:351 | 2:615 | 3:420 | 4:405
Selon le même principe, on peut donc faire tous les sommets :
