Modèle:Image interactive/Documentation

Utilisation

modifier
Ce modèle permet de définir plusieurs zones d'une image, chaque zone étant cliquable.
Il utilise les deux scripts Imagemap-Highlight.js et Gadget-imgToggle.js, et le fichier Gadget-imgToggle.css.

Syntaxe

modifier
{{Image interactive
 |image       = 
 |légende     = 
 |top_légende = 
 |align       = 
 |carte       = 
 |minicarte   = 
 |icône       = 
 |minimum     = 
 |maximum     = 
 |réduire     = 
 |agrandir    = 
}}

Paramètres

modifier
  • image  : image dont on veut rendre des zones cliquables (obligatoire)
  • top_légende  : si il est renseigné, la légende apparait au-dessus de l'image (facultatif)
  • légende  : légende de l'image (facultatif)
  • align  : permet de justifier l'image à droite, à gauche ou au centre (par défaut à droite) (facultatif)
  • carte  : zones découpées avec les liens vers chacun mène (obligatoire)
  • minicarte  : zones découpées avec les liens vers chacun mène (facultatif)
  • icône  : définit la position de l'icône d'information pour accéder à l'image (exemple : top-left, bottom-left, none; par défaut elle est située en bas à droite) (facultatif)
  • minimum  : définit la taille minimum de l'image (facultatif)
  • maximum  : définit la taille maximum de l'image (facultatif)
  • réduire  : définit le message du lien pour réduire l'image (facultatif)
  • agrandir  : définit le message du lien pour agrandir l'image (facultatif)

Exemple

modifier

Modèle:En-tête tableau "Code Rendu" |-

|

{{Image interactive
 |image       = Eye_iris.jpg
 |légende     = Photo d'un œil humain
 |top_légende = 
 |align       = 
 |carte       = 
  circle 1112 917 277 [[Pupille]]
  circle 1192 913 852 [[Iris (anatomie)|Iris]]
  poly 10 683 136 561 300 450 488 359 662 272 864 216 1049 192 1366 206 1593 251 1955 355 2216 464 2433 568 2572 662 2687 756 2753 802 2774 850 2781 1387 2579 1523 2349 1582 2084 1648 1749 1690 1551 1704 1269 1704 983 1669 728 1596 516 1509 387 1439 272 1425 7 1418 [[Sclère]]
}}

|


Photo d'un œil humain

|}