« Modèle:Infographie » : différence entre les versions
De BoyWiki
Nouvelle page : <includeonly> <div id="infographic" alt="{{{1}}}"></div> </includeonly><noinclude> ;Utilisation Déclare un conteneur (div) destiné à accueillir une infographie. Celle-ci sera cons... |
m |
||
| (10 versions intermédiaires par le même utilisateur non affichées) | |||
| Ligne 1 : | Ligne 1 : | ||
<includeonly> | <includeonly><div id="infographic"> | ||
<div id="infographic" | <div id="infographic-win"> | ||
</includeonly><noinclude> | <div id="infographic-img"> | ||
</div> | |||
</div> | |||
<div id="infographic-json-descr">{<!-- | |||
-->∥map∥: [{∥src∥: ∥{{{image}}}∥, ∥width∥: ∥{{{largeur}}}∥, ∥height∥: ∥{{{hauteur}}}∥}], <!-- | |||
-->{{#if: {{{légendes|}}} | ∥legends∥: [{{{légendes}}}]}}<!-- | |||
-->{{#if: {{{aires|}}} | , ∥areas∥: [{{{aires}}}]}}<!-- | |||
-->{{#if: {{{popups|}}} | , ∥popups∥: [{{{popups}}}]}}<!-- | |||
-->{{#if: {{{boutons|}}} | , ∥buttons∥: [{{{boutons}}}]}}<!-- | |||
-->}</div></div></includeonly><noinclude> | |||
;Utilisation | ;Utilisation | ||
Déclare un conteneur (div) destiné à | 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 | | <pre><nowiki>{{Infographie | image= | largeur= | hauteur= | ||
; | | type=élément,élément,... | ||
* | | type=élément,élément,...}}</nowiki></pre> | ||
;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 | |||
<nowiki>{{Infographie</nowiki><br> | |||
<nowiki> |image=http://media.boywiki.org/w/images/e/ee/Carte_muette_Monde_méditerranéen_1276x719.jpg</nowiki><br> | |||
<nowiki> |largeur=920px</nowiki><br> | |||
<nowiki> |hauteur=518px</nowiki><br> | |||
<nowiki> |légendes={{Infographie légende|abc01|400px|320px|150%|gras|italique||||Mer Méditerranée}}</nowiki><br> | |||
}} | |||
;Voir aussi | |||
{{m|Infographie légende}}, {{m|Infographie aire}}, {{m|Infographie popup}}, {{m|Infographie bouton}} | |||
</noinclude> | </noinclude> | ||
Dernière version du 12 juin 2010 à 22:29
- 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%|gras|italique||||Mer Méditerranée}}
}}
- Voir aussi
{{Infographie légende}}, {{Infographie aire}}, {{Infographie popup}}, {{Infographie bouton}}
