« Modèle:Infographie » : différence entre les versions

De BoyWiki
(m)
(m)
 
(6 versions intermédiaires par le même utilisateur non affichées)
Ligne 1 : Ligne 1 :
<includeonly><div id="infographic">
<includeonly><div id="infographic">
<div id="infographic-json-descr">
<div id="infographic-win">
{
<div id="infographic-img">
"map": [{"src": "{{{image}}}", "width": "{{{largeur}}}", "height": "{{{hauteur}}}"}],
</div>
{{#if: {{{légendes}}} | "legends": [{{{légendes}}}],}}
</div>
{{#if: {{{aires}}} | "areas": [{{{aires}}}],}}
<div id="infographic-json-descr">{<!--
{{#if: {{{popups}}} | "popups": [{{{popups}}}],}}
-->∥map∥: [{∥src∥: {{{image}}}, ∥width∥: {{{largeur}}}, ∥height∥: {{{hauteur}}}}], <!--
{{#if: {{{boutons}}} | "buttons": [{{{boutons}}}]}}
-->{{#if: {{{légendes|}}} | ∥legends∥: [{{{légendes}}}]}}<!--
}  
-->{{#if: {{{aires|}}} | , ∥areas∥: [{{{aires}}}]}}<!--
</div></div></includeonly><noinclude>
-->{{#if: {{{popups|}}} | , ∥popups∥: [{{{popups}}}]}}<!--
-->{{#if: {{{boutons|}}} | , ∥buttons∥: [{{{boutons}}}]}}<!--
-->}</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 17 : 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 de la représentation (indiquer l'unité: px, %, em)
* largeur= : largeur allouée à la représentation (indiquer l'unité: px ou %)
* hauteur= : hauteur de la représentation (indiquer l'unité)
* 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).
Ligne 26 : Ligne 28 :
<nowiki> |largeur=920px</nowiki><br>
<nowiki> |largeur=920px</nowiki><br>
<nowiki> |hauteur=518px</nowiki><br>
<nowiki> |hauteur=518px</nowiki><br>
<nowiki> |légendes={{Infographie légende|abc01|400px|320px|150%|bold|italic||||Mer&nbsp;Méditerranée}}</nowiki><br>
<nowiki> |légendes={{Infographie légende|abc01|400px|320px|150%|gras|italique||||Mer&nbsp;Méditerranée}}</nowiki><br>
}}
}}
;Voir aussi
;Voir aussi
{{m|Infographie légende}}, {{m|Infographie aire}}, {{m|Infographie popup}}, {{m|Infographie bouton}}
{{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}}