« Modèle:Infographie » : différence entre les versions
m |
m |
||
| Ligne 1 : | Ligne 1 : | ||
<includeonly><div id="infographic"> | <includeonly><div id="infographic"> | ||
<div id="infographic-win"> | |||
<div id="infographic-img"> | |||
</div> | |||
</div> | |||
<div id="infographic-json-descr">{<!-- | <div id="infographic-json-descr">{<!-- | ||
-->"map": [{"src": "{{{image}}}", "width": "{{{largeur}}}", "height": "{{{hauteur}}}"}], <!-- | -->"map": [{"src": "{{{image}}}", "width": "{{{largeur}}}", "height": "{{{hauteur}}}"}], <!-- | ||
| Ligne 8 : | Ligne 12 : | ||
-->}</div></div></includeonly><noinclude> | -->}</div></div></includeonly><noinclude> | ||
;Utilisation | ;Utilisation | ||
Déclare un conteneur (div) destiné à afficher une infographie (limité à une seule par article). Celle-ci sera construite par Javascript à partir de la description passée en argument. | Déclare un conteneur (div) destiné à afficher une infographie (limité à une seule par article). Celle-ci sera construite par Javascript à partir de la description passée en argument. ''Largeur'' et ''hauteur'' indiquent les dimensions de l'espace dans l'article alloué à la représentation. Elles peuvent être plus petites que celles de l'image originale. Les proportions de l'image sont respectées si le rapport largeur / hauteur est identique à celui d'origine. | ||
;Syntaxe : | ;Syntaxe : | ||
<pre><nowiki>{{Infographie | image= | largeur= | hauteur= | <pre><nowiki>{{Infographie | image= | largeur= | hauteur= | ||
| Ligne 15 : | Ligne 19 : | ||
;Paramètres | ;Paramètres | ||
* image= : chemin (réel) du fichier image à afficher en fond | * image= : chemin (réel) du fichier image à afficher en fond | ||
* largeur= : largeur | * largeur= : largeur allouée à la représentation (indiquer l'unité: px ou %) | ||
* hauteur= : hauteur | * hauteur= : hauteur allouée à la représentation (indiquer l'unité) | ||
* type= : légendes, aires, popups ou boutons. Contient un ou plusieurs éléments optionnels constitués en liste séparés par une virgule | * type= : légendes, aires, popups ou boutons. Contient un ou plusieurs éléments optionnels constitués en liste séparés par une virgule | ||
* élément : modèle de description correspondant au type (voir modèles). | * élément : modèle de description correspondant au type (voir modèles). | ||
Version du 10 juin 2010 à 21:56
- Utilisation
Déclare un conteneur (div) destiné à afficher une infographie (limité à une seule par article). Celle-ci sera construite par Javascript à partir de la description passée en argument. Largeur et hauteur indiquent les dimensions de l'espace dans l'article alloué à la représentation. Elles peuvent être plus petites que celles de l'image originale. Les proportions de l'image sont respectées si le rapport largeur / hauteur est identique à celui d'origine.
- Syntaxe
{{Infographie | image= | largeur= | hauteur=
| type=élément,élément,...
| type=élément,élément,...}}
- Paramètres
- image= : chemin (réel) du fichier image à afficher en fond
- largeur= : largeur allouée à la représentation (indiquer l'unité: px ou %)
- hauteur= : hauteur allouée à la représentation (indiquer l'unité)
- type= : légendes, aires, popups ou boutons. Contient un ou plusieurs éléments optionnels constitués en liste séparés par une virgule
- élément : modèle de description correspondant au type (voir modèles).
- Exemple
{{Infographie
|image=http://media.boywiki.org/w/images/e/ee/Carte_muette_Monde_méditerranéen_1276x719.jpg
|largeur=920px
|hauteur=518px
|légendes={{Infographie légende|abc01|400px|320px|150%|bold|italic||||Mer Méditerranée}}
}}
- Voir aussi
{{Infographie légende}}, {{Infographie aire}}, {{Infographie popup}}, {{Infographie bouton}}
