« Test image » : différence entre les versions

De 21Wiki
Aucun résumé des modifications
Balise : Éditeur de wikicode 2017
Aucun résumé des modifications
Balise : Éditeur de wikicode 2017
Ligne 42 : Ligne 42 :
<pre>
<pre>
<imagemap>
<imagemap>
Fichier: Rect and circle.png|300px|Image tuto
Fichier: Rect and circle.png|500px|Image tuto
circle 168 382 78 [[Mike Ashman]]
circle 168 382 78 [[Mike Ashman]]
rect 852 352 1104 675 [[Isaac Cathardo]]
rect 852 352 1104 675 [[Isaac Cathardo]]
Ligne 50 : Ligne 50 :
| width="50%" style="padding-left:50px";|
| width="50%" style="padding-left:50px";|
<imagemap>
<imagemap>
Fichier: Rect and circle.png|300px|Image tuto
Fichier: Rect and circle.png|500px|Image tuto
circle 168 382 78 [[Mike Ashman]]
circle 168 382 78 [[Mike Ashman]]
rect 852 352 1104 675 [[Isaac Cathardo]]
rect 852 352 1104 675 [[Isaac Cathardo]]

Version du 8 novembre 2021 à 12:02

  • syntaxe générale :
<imagemap>
Fichier:Nom de l’image|taille de l’image(enPx)|texte de remplacement
poly position-du-lien-1 [[lien-1]]
rect position-du-lien-2 [[lien-2]]
circle position-du-lien-3 [[lien-3]]
desc position-de-la-description
</imagemap>


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 :

top-right (haut à droite),
bottom-right (bas à droite),
bottom-left(bas à gauche),
top-left (haut à gauche),
none (aucune description).


Exemple :

Syntaxe Rendu

Exemple1
Pour le cercle :
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 tutoMike AshmanIsaac Cathardo
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 :

5:615 376 | 6:598 690 | 7:382 684

Ce qui donne :

<imagemap>
Fichier: polygonetuto.png|thumb|500px|Tutoriel pour polygone
poly 351 615 420 405 615 376 598 690 382 684 [[Pablo Luján Arteaga]]
desc none
</imagemap>
Pablo Luján Arteaga
Tutoriel pour polygone