2 427
modifications
SFTG Recherche, soutient un projet d'analyse de l'usage, de l'intérêt et de la contribution à ce site. Merci d'avoir répondu à l'enquête.
Modifications
Sauter à la navigation
Sauter à la recherche
m
Modèle:Infobox V3/Image/Documentation (voir la source)
Version du 30 novembre 2017 à 23:50
, 30 novembre 2017 à 23:501 révision importée
{{Sous-page de documentation}}
{{Avertissement méta-modèle|nocat=oui}}
Ce modèle permet d'insérer une ou deux images côte à côte dans une infobox, ainsi qu'une légende. Les images sont gérées sous la forme de thumb au rendu adapté (largeur définie par les préférences du compte personnel, pas de bordures, pas d'icône loupe, alternative textuelle par défaut optimisée).
Il s'utilise obligatoirement avec les modèles {{m|Infobox V3/Début}} et {{m|Infobox V3/Fin}}. Pour l'utilisation de ces modèles, voir [[Projet:Infobox/V3]]
== Syntaxe ==
Syntaxe minimale (une seule image) :
<pre>{{Infobox V3/Image |image= }}</pre>
Syntaxe complète avec tous les paramètres optionnels (une image) :
<pre>{{Infobox V3/Image |image= |alt= |upright= |bordure= |légende= }}</pre>
Syntaxe minimale (deux images) :
<pre>{{Infobox V3/Image |image= |image2= }}</pre>
Syntaxe complète avec tous les paramètres optionnels (deux images) :
<pre>{{Infobox V3/Image |image= |image2= |upright= |upright2= |alt= |alt2= |bordure= |bordure2= |légende= |background=}}</pre>
Si ce modèle est appelé sans valeur pour <code>image</code> ni pour <code>image2</code>, il ne retourne rien.
== Paramètres ==
{| class="wikitable centre"
|+ Paramètre obligatoire (une seule image)
|-
! scope=col | paramètre
! scope=col | exemple
! scope=col | format
! scope=col | rôle
! scope=col | valeur par défaut
|-
| <code>image</code> || <var>Exemple.jpg</var> || nom du fichier image, sans Fichier: ou File: || fichier image || Pas de valeur par défaut
|}
{| class="wikitable centre"
|+ Paramètres optionnels (une seule image)
|-
! scope=col | paramètre
! scope=col | exemple
! scope=col | format
! scope=col | rôle
! scope=col | valeur par défaut
|-
| <code>upright</code> || <var>0.8</var> || || Redimensionnement de l'image<br>(Voir [[Wikipédia:Mise en forme des images]]) || 1 si l'image est seule<br>0.5 si les deux images sont présentes
|-
| <code>légende</code><br> <small><code>legend</code></small> || <var>lorem ipsum</var> || || Légende de l'image ou des deux images || Pas de légende par défaut
|-
| <code>alt</code> || <var>lorem ipsum</var> || texte sans syntaxe wiki || Alternative textuelle de l'image || Sauf cas particulier, il est préférable de conserver l'alternative par défaut qui est :<br>Si légende : « Accéder aux informations sur cette image commentée ci-après ».<br>Sans légende : « Accéder aux informations sur cette image nommée » + nom du fichier
|-
| <code>bordure</code><br> <small><code>border</code></small> || 1 || texte quelconque || permet d'afficher une bordure autour de l'image || pas de bordure par défaut.
|}
{| class="wikitable centre"
|+ Paramètres optionnels (une seconde image)
|-
! scope=col | paramètre
! scope=col | exemple
! scope=col | format
! scope=col | rôle
! scope=col | valeur par défaut
|-
| <code>image2</code> || <var>Exemple.jpg</var> || nom du fichier image, sans Fichier: ou File || fichier image || Pas de valeur par défaut
|-
| <code>upright2</code> || <var>0.8</var> || || Redimensionnement de l'image<br>(Voir [[Wikipédia:Mise en forme des images]]) || 0.5 si les deux images sont présentes<br>1 si l'image est seule
|-
| <code>alt2</code> || <var>lorem ipsum</var> || texte sans syntaxe wiki || Alternative textuelle de l'image || Sauf cas particulier, il est préférable de conserver l'alternative par défaut qui est :<br>Si légende : « Accéder aux informations sur cette image commentée ci-après ».<br>Sans légende : « Accéder aux informations sur cette image nommée » + nom du fichier
|-
| <code>bordure2</code><br> <small><code>border2</code></small> || 1 || texte quelconque || permet d'afficher une bordure autour de la deuxième image || pas de bordure par défaut.
|-
| <code>background</code> || <var>#003399</var> || hexadécimal ou tout autre format standard || Couleur d'arrière-plan du bloc images || #DFEDFF
|}
== Exemples ==
Code minimal pour une image (pas de légende, alternative et taille par défaut) :
{{Infobox V3/Début}}
{{Infobox V3/Image|image=More Macaroooonnnss (8107887928).jpg}}
Lorem ipsum
{{Infobox V3/Fin}}
<pre style="white-space:pre-wrap;">{{Infobox V3/Image|image=More Macaroooonnnss (8107887928).jpg}}</pre>
{{clr}}
Code minimal pour deux images (pas de légende, alternative et taille par défaut) :
{{Infobox V3/Début}}
{{Infobox V3/Image|image=More Macaroooonnnss (8107887928).jpg|image2=Eclair Chocolat LMDC 2.png}}
Lorem ipsum
{{Infobox V3/Fin}}
<pre style="white-space:pre-wrap;">{{Infobox V3/Image|image=More Macaroooonnnss (8107887928).jpg|image2=Eclair Chocolat LMDC 2.png}}</pre>
{{clr}}
Si seule la seconde image est renseignée (<code>image2</code>) :
{{Infobox V3/Début}}
{{Infobox V3/Image|image=|image2=Eclair Chocolat LMDC 2.png}}
Lorem ipsum
{{Infobox V3/Fin}}
<pre style="white-space:pre-wrap;">{{Infobox V3/Image|image=|image2=Eclair Chocolat LMDC 2.png}}</pre>
{{clr}}
Si une seule image est renseignée avec une légende :
{{Infobox V3/Début}}
{{Infobox V3/Image|image=More Macaroooonnnss (8107887928).jpg|image2=|légende=Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt, explicabo.}}
Lorem ipsum
{{Infobox V3/Fin}}
<pre style="white-space:pre-wrap;">{{Infobox V3/Image|image=More Macaroooonnnss (8107887928).jpg|image2=
|légende=Sed ut perspiciatis, unde omnis iste natus error
sit voluptatem accusantium doloremque laudantium,
totam rem aperiam eaque ipsa, quae ab illo inventore veritatis
et quasi architecto beatae vitae dicta sunt, explicabo.}}</pre>
{{clr}}
Modification de la taille des images :
{{Infobox V3/Début}}
{{Infobox V3/Image|image=More Macaroooonnnss (8107887928).jpg|image2=Eclair Chocolat LMDC 2.png|upright=0.35|upright2=0.5}}
Lorem ipsum
{{Infobox V3/Fin}}
<pre style="white-space:pre-wrap;">{{Infobox V3/Image|image=More Macaroooonnnss (8107887928).jpg|image2=Eclair Chocolat LMDC 2.png|upright=0.35|upright2=0.5}}</pre>
{{clr}}
Ajout d'une légende :
{{Infobox V3/Début}}
{{Infobox V3/Image|image=More Macaroooonnnss (8107887928).jpg|image2=Eclair Chocolat LMDC 2.png|légende=Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt, explicabo.}}
Lorem ipsum
{{Infobox V3/Fin}}
<pre style="white-space:pre-wrap;">{{Infobox V3/Image|image=More Macaroooonnnss (8107887928).jpg|image2=Eclair Chocolat LMDC 2.png
|légende=Sed ut perspiciatis,
unde omnis iste natus error sit voluptatem accusantium doloremque laudantium,
totam rem aperiam eaque ipsa, quae ab illo inventore veritatis
et quasi architecto beatae vitae dicta sunt, explicabo.}}</pre>
{{clr}}
Ajout d'une alternative textuelle à chaque image (sans légende) :
{{Infobox V3/Début}}
{{Infobox V3/Image|image=More Macaroooonnnss (8107887928).jpg|image2=Eclair Chocolat LMDC 2.png
|alt=Lorem ipsum|alt2=Sic dolor amet}}
Lorem ipsum
{{Infobox V3/Fin}}
<pre style="white-space:pre-wrap;">{{Infobox V3/Image|image=More Macaroooonnnss (8107887928).jpg|image2=Eclair Chocolat LMDC 2.png
|alt=Lorem ipsum|alt2=Sic dolor amet}}</pre>
{{clr}}
Ajout d'une légende et d'une alternative textuelle :
{{Infobox V3/Début}}
{{Infobox V3/Image|image=More Macaroooonnnss (8107887928).jpg|image2=Eclair Chocolat LMDC 2.png
|alt=Lorem ipsum|alt2=Sic dolor amet
|légende=Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt, explicabo.}}
Lorem ipsum
{{Infobox V3/Fin}}
<pre style="white-space:pre-wrap;">{{Infobox V3/Image|image=More Macaroooonnnss (8107887928).jpg|image2=Eclair Chocolat LMDC 2.png
|alt=Lorem ipsum|alt2=Sic dolor amet
|légende=Sed ut perspiciatis,
unde omnis iste natus error sit voluptatem accusantium doloremque laudantium,
totam rem aperiam eaque ipsa, quae ab illo inventore veritatis
et quasi architecto beatae vitae dicta sunt, explicabo.}}</pre>
{{clr}}
Ajout de bordure :
{{Infobox V3/Début}}
{{Infobox V3/Image|image=More Macaroooonnnss (8107887928).jpg |bordure=1|image2=Eclair Chocolat LMDC 2.png|bordure2=oui}}
Lorem ipsum
{{Infobox V3/Fin}}
<pre style="white-space:pre-wrap;">
{{Infobox V3/Image|image=More Macaroooonnnss (8107887928).jpg |bordure=1|image2=Eclair Chocolat LMDC 2.png|bordure2=oui}}</pre>
{{clr}}
Modification de la couleur d'arrière-plan :
{{Infobox V3/Début}}
{{Infobox V3/Image|image=More Macaroooonnnss (8107887928).jpg|image2=Eclair Chocolat LMDC 2.png|background=yellow}}
Lorem ipsum
{{Infobox V3/Fin}}
<pre style="white-space:pre-wrap;">{{Infobox V3/Image|image=More Macaroooonnnss (8107887928).jpg|image2=Eclair Chocolat LMDC 2.png|background=yellow}}</pre>
{{clr}}
<includeonly>
[[Catégorie:Modèle infobox V3 briques|Image]]
</includeonly>
{{Avertissement méta-modèle|nocat=oui}}
Ce modèle permet d'insérer une ou deux images côte à côte dans une infobox, ainsi qu'une légende. Les images sont gérées sous la forme de thumb au rendu adapté (largeur définie par les préférences du compte personnel, pas de bordures, pas d'icône loupe, alternative textuelle par défaut optimisée).
Il s'utilise obligatoirement avec les modèles {{m|Infobox V3/Début}} et {{m|Infobox V3/Fin}}. Pour l'utilisation de ces modèles, voir [[Projet:Infobox/V3]]
== Syntaxe ==
Syntaxe minimale (une seule image) :
<pre>{{Infobox V3/Image |image= }}</pre>
Syntaxe complète avec tous les paramètres optionnels (une image) :
<pre>{{Infobox V3/Image |image= |alt= |upright= |bordure= |légende= }}</pre>
Syntaxe minimale (deux images) :
<pre>{{Infobox V3/Image |image= |image2= }}</pre>
Syntaxe complète avec tous les paramètres optionnels (deux images) :
<pre>{{Infobox V3/Image |image= |image2= |upright= |upright2= |alt= |alt2= |bordure= |bordure2= |légende= |background=}}</pre>
Si ce modèle est appelé sans valeur pour <code>image</code> ni pour <code>image2</code>, il ne retourne rien.
== Paramètres ==
{| class="wikitable centre"
|+ Paramètre obligatoire (une seule image)
|-
! scope=col | paramètre
! scope=col | exemple
! scope=col | format
! scope=col | rôle
! scope=col | valeur par défaut
|-
| <code>image</code> || <var>Exemple.jpg</var> || nom du fichier image, sans Fichier: ou File: || fichier image || Pas de valeur par défaut
|}
{| class="wikitable centre"
|+ Paramètres optionnels (une seule image)
|-
! scope=col | paramètre
! scope=col | exemple
! scope=col | format
! scope=col | rôle
! scope=col | valeur par défaut
|-
| <code>upright</code> || <var>0.8</var> || || Redimensionnement de l'image<br>(Voir [[Wikipédia:Mise en forme des images]]) || 1 si l'image est seule<br>0.5 si les deux images sont présentes
|-
| <code>légende</code><br> <small><code>legend</code></small> || <var>lorem ipsum</var> || || Légende de l'image ou des deux images || Pas de légende par défaut
|-
| <code>alt</code> || <var>lorem ipsum</var> || texte sans syntaxe wiki || Alternative textuelle de l'image || Sauf cas particulier, il est préférable de conserver l'alternative par défaut qui est :<br>Si légende : « Accéder aux informations sur cette image commentée ci-après ».<br>Sans légende : « Accéder aux informations sur cette image nommée » + nom du fichier
|-
| <code>bordure</code><br> <small><code>border</code></small> || 1 || texte quelconque || permet d'afficher une bordure autour de l'image || pas de bordure par défaut.
|}
{| class="wikitable centre"
|+ Paramètres optionnels (une seconde image)
|-
! scope=col | paramètre
! scope=col | exemple
! scope=col | format
! scope=col | rôle
! scope=col | valeur par défaut
|-
| <code>image2</code> || <var>Exemple.jpg</var> || nom du fichier image, sans Fichier: ou File || fichier image || Pas de valeur par défaut
|-
| <code>upright2</code> || <var>0.8</var> || || Redimensionnement de l'image<br>(Voir [[Wikipédia:Mise en forme des images]]) || 0.5 si les deux images sont présentes<br>1 si l'image est seule
|-
| <code>alt2</code> || <var>lorem ipsum</var> || texte sans syntaxe wiki || Alternative textuelle de l'image || Sauf cas particulier, il est préférable de conserver l'alternative par défaut qui est :<br>Si légende : « Accéder aux informations sur cette image commentée ci-après ».<br>Sans légende : « Accéder aux informations sur cette image nommée » + nom du fichier
|-
| <code>bordure2</code><br> <small><code>border2</code></small> || 1 || texte quelconque || permet d'afficher une bordure autour de la deuxième image || pas de bordure par défaut.
|-
| <code>background</code> || <var>#003399</var> || hexadécimal ou tout autre format standard || Couleur d'arrière-plan du bloc images || #DFEDFF
|}
== Exemples ==
Code minimal pour une image (pas de légende, alternative et taille par défaut) :
{{Infobox V3/Début}}
{{Infobox V3/Image|image=More Macaroooonnnss (8107887928).jpg}}
Lorem ipsum
{{Infobox V3/Fin}}
<pre style="white-space:pre-wrap;">{{Infobox V3/Image|image=More Macaroooonnnss (8107887928).jpg}}</pre>
{{clr}}
Code minimal pour deux images (pas de légende, alternative et taille par défaut) :
{{Infobox V3/Début}}
{{Infobox V3/Image|image=More Macaroooonnnss (8107887928).jpg|image2=Eclair Chocolat LMDC 2.png}}
Lorem ipsum
{{Infobox V3/Fin}}
<pre style="white-space:pre-wrap;">{{Infobox V3/Image|image=More Macaroooonnnss (8107887928).jpg|image2=Eclair Chocolat LMDC 2.png}}</pre>
{{clr}}
Si seule la seconde image est renseignée (<code>image2</code>) :
{{Infobox V3/Début}}
{{Infobox V3/Image|image=|image2=Eclair Chocolat LMDC 2.png}}
Lorem ipsum
{{Infobox V3/Fin}}
<pre style="white-space:pre-wrap;">{{Infobox V3/Image|image=|image2=Eclair Chocolat LMDC 2.png}}</pre>
{{clr}}
Si une seule image est renseignée avec une légende :
{{Infobox V3/Début}}
{{Infobox V3/Image|image=More Macaroooonnnss (8107887928).jpg|image2=|légende=Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt, explicabo.}}
Lorem ipsum
{{Infobox V3/Fin}}
<pre style="white-space:pre-wrap;">{{Infobox V3/Image|image=More Macaroooonnnss (8107887928).jpg|image2=
|légende=Sed ut perspiciatis, unde omnis iste natus error
sit voluptatem accusantium doloremque laudantium,
totam rem aperiam eaque ipsa, quae ab illo inventore veritatis
et quasi architecto beatae vitae dicta sunt, explicabo.}}</pre>
{{clr}}
Modification de la taille des images :
{{Infobox V3/Début}}
{{Infobox V3/Image|image=More Macaroooonnnss (8107887928).jpg|image2=Eclair Chocolat LMDC 2.png|upright=0.35|upright2=0.5}}
Lorem ipsum
{{Infobox V3/Fin}}
<pre style="white-space:pre-wrap;">{{Infobox V3/Image|image=More Macaroooonnnss (8107887928).jpg|image2=Eclair Chocolat LMDC 2.png|upright=0.35|upright2=0.5}}</pre>
{{clr}}
Ajout d'une légende :
{{Infobox V3/Début}}
{{Infobox V3/Image|image=More Macaroooonnnss (8107887928).jpg|image2=Eclair Chocolat LMDC 2.png|légende=Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt, explicabo.}}
Lorem ipsum
{{Infobox V3/Fin}}
<pre style="white-space:pre-wrap;">{{Infobox V3/Image|image=More Macaroooonnnss (8107887928).jpg|image2=Eclair Chocolat LMDC 2.png
|légende=Sed ut perspiciatis,
unde omnis iste natus error sit voluptatem accusantium doloremque laudantium,
totam rem aperiam eaque ipsa, quae ab illo inventore veritatis
et quasi architecto beatae vitae dicta sunt, explicabo.}}</pre>
{{clr}}
Ajout d'une alternative textuelle à chaque image (sans légende) :
{{Infobox V3/Début}}
{{Infobox V3/Image|image=More Macaroooonnnss (8107887928).jpg|image2=Eclair Chocolat LMDC 2.png
|alt=Lorem ipsum|alt2=Sic dolor amet}}
Lorem ipsum
{{Infobox V3/Fin}}
<pre style="white-space:pre-wrap;">{{Infobox V3/Image|image=More Macaroooonnnss (8107887928).jpg|image2=Eclair Chocolat LMDC 2.png
|alt=Lorem ipsum|alt2=Sic dolor amet}}</pre>
{{clr}}
Ajout d'une légende et d'une alternative textuelle :
{{Infobox V3/Début}}
{{Infobox V3/Image|image=More Macaroooonnnss (8107887928).jpg|image2=Eclair Chocolat LMDC 2.png
|alt=Lorem ipsum|alt2=Sic dolor amet
|légende=Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt, explicabo.}}
Lorem ipsum
{{Infobox V3/Fin}}
<pre style="white-space:pre-wrap;">{{Infobox V3/Image|image=More Macaroooonnnss (8107887928).jpg|image2=Eclair Chocolat LMDC 2.png
|alt=Lorem ipsum|alt2=Sic dolor amet
|légende=Sed ut perspiciatis,
unde omnis iste natus error sit voluptatem accusantium doloremque laudantium,
totam rem aperiam eaque ipsa, quae ab illo inventore veritatis
et quasi architecto beatae vitae dicta sunt, explicabo.}}</pre>
{{clr}}
Ajout de bordure :
{{Infobox V3/Début}}
{{Infobox V3/Image|image=More Macaroooonnnss (8107887928).jpg |bordure=1|image2=Eclair Chocolat LMDC 2.png|bordure2=oui}}
Lorem ipsum
{{Infobox V3/Fin}}
<pre style="white-space:pre-wrap;">
{{Infobox V3/Image|image=More Macaroooonnnss (8107887928).jpg |bordure=1|image2=Eclair Chocolat LMDC 2.png|bordure2=oui}}</pre>
{{clr}}
Modification de la couleur d'arrière-plan :
{{Infobox V3/Début}}
{{Infobox V3/Image|image=More Macaroooonnnss (8107887928).jpg|image2=Eclair Chocolat LMDC 2.png|background=yellow}}
Lorem ipsum
{{Infobox V3/Fin}}
<pre style="white-space:pre-wrap;">{{Infobox V3/Image|image=More Macaroooonnnss (8107887928).jpg|image2=Eclair Chocolat LMDC 2.png|background=yellow}}</pre>
{{clr}}
<includeonly>
[[Catégorie:Modèle infobox V3 briques|Image]]
</includeonly>
