Modèle:Infobox V3/Image : Différence entre versions

De La Grande Bibliotheque de Tamriel
Aller à : navigation, rechercher
(Page créée avec « <includeonly>{{#if:{{{image2|}}}|<div class="image2" {{#if:{{{background|}}}|style="background: {{{background|}}}"}}>{{#if:{{{image|}}}|Fichier:{{{image|}}}|thumb|uprigh... »)
 
 
(4 révisions intermédiaires par 3 utilisateurs non affichées)
Ligne 1 : Ligne 1 :
<includeonly>{{#if:{{{image2|}}}|<div class="image2" {{#if:{{{background|}}}|style="background: {{{background|}}}"}}>{{#if:{{{image|}}}|[[Fichier:{{{image|}}}|thumb|upright={{{upright|0.5}}}|{{#if:{{{alt|}}}|alt={{{alt}}}|alt=Description de {{#if:{{{legend|}}}| cette image, également commentée ci-après| l'image {{{image|}}}.}}}}]]}} [[Fichier:{{{image2|}}}|thumb|upright={{{upright2|{{#if:{{{image|}}}|0.5|1}}}}}|{{#if:{{{alt2|}}}|alt={{{alt2}}}|alt=Description de {{#if:{{{legend|}}}| cette image, également commentée ci-après| l'image {{{image2|}}}.}}}}]]</div>|{{#if:{{{image|}}}|[[Fichier:{{{image|}}}|thumb|center|{{#if:{{{upright|}}}|upright={{{upright|}}}}}|{{#if:{{{alt|}}}|alt={{{alt}}}|alt=Description de {{#if:{{{legend|}}}| cette image, également commentée ci-après| l'image {{{image|}}}.}}}}]]}}}}{{#if:{{{image|}}}{{{image2|}}}|{{#if:{{{legend|}}}|<p class="legend">{{{legend|}}}</p>}}}}</includeonly>
+
<includeonly>{{#if:{{{image|}}}{{{image2|}}} |
 +
<div class="images {{#if:{{{image2|}}}|deux-images}}" {{#if:{{{background|}}}|style="background:{{{background|}}}; padding:5px 0;"}}>{{#if:{{{image|}}}
 +
  | [[Fichier:{{{image|}}} |lang=fr |frameless |upright={{#if:{{{upright|}}}|{{{upright|}}}|{{#if:{{{image2|}}}|0.5|1}} }} |alt={{#if:{{{alt|}}}
 +
    |{{{alt|}}}
 +
    |Description de {{#if:{{{legend|{{{légende|}}}}}}
 +
      |cette image, également commentée ci-après
 +
      | l'image {{{image|}}}.
 +
    }}
 +
  }} {{#if:{{{border|{{{bordure|}}}}}}|{{!}}border}}{{#switch:{{lc:{{{image|}}}}}|defaut.svg|defaut 2.svg={{!}}link=Aide:Images}}{{#if:{{{thumbtime|}}}|{{!}}thumbtime={{{thumbtime|}}}}}]]
 +
}} {{#if:{{{image2|}}}
 +
  | [[Fichier:{{{image2|}}} |lang=fr |frameless |upright={{#if:{{{upright2|}}}|{{{upright2|}}}|{{#if:{{{image|}}}|0.5|1}} }} |alt={{#if:{{{alt2|}}}
 +
    |{{{alt2|}}}
 +
    |Description de {{#if:{{{legend|{{{légende|}}}}}}
 +
      |cette image, également commentée ci-après
 +
      |l'image {{{image2|}}}.
 +
    }}
 +
  }} {{#if:{{{border2|{{{bordure2|}}}}}}|{{!}}border}}{{#switch:{{lc:{{{image2|}}}}}|defaut.svg|defaut 2.svg={{!}}link=Aide:Images}}{{#if:{{{thumbtime2|}}}|{{!}}thumbtime={{{thumbtime2|}}}}}]]
 +
}}
 +
</div>
 +
{{#if:{{{legend|{{{légende|}}}}}}|<div class="legend">{{{legend|{{{légende|}}}}}}</div>}}
 +
|<nowiki />
 +
}}<!--
 +
les mauvais paramétrages : articles
 +
  -->{{#if: {{NAMESPACE}} ||<!--
 +
image
 +
  -->{{#if:{{{image|}}}|{{#ifexist: Media:{{{image|}}}
 +
        |
 +
        |[[Catégorie:Erreur d'Infobox/Image inconnue ou mal codifiée]]
 +
      }}}}<!--
 +
image2
 +
  -->{{#if:{{{image2|}}}|{{#ifexist: Media:{{{image2|}}}
 +
        |
 +
        |[[Catégorie:Erreur d'Infobox/Image inconnue ou mal codifiée]]
 +
      }}}}
 +
}}<!--
 +
 
 +
les mauvais paramétrages : modèles
 +
 +
-->{{#ifeq:{{NAMESPACENUMBER}}/{{{nocat|}}}|10/|<!--
 +
-->{{#ifeq:{{BASEPAGENAME}}|{{PAGENAME}}<!-- on ignore les sous-pages -->|<!--
 +
Alternative 1        -->{{#if:{{{image|}}}|{{#if:{{{alt|}}}||[[Catégorie:Erreur d'Infobox/Image sans alternative]]}}}}<!--
 +
Alternative 2        -->{{#if:{{{image2|}}}|{{#if:{{{alt2|}}}||[[Catégorie:Erreur d'Infobox/Image sans alternative]]}}}}<!--
 +
-->}}<!--
 +
-->}}<!--
 +
--></includeonly><noinclude>
 +
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}}.
 +
 
 +
== 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 || 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.
 +
|-
 +
| <code>thumbtime</code> || 1 ||  || permet de préciser l'image du film à afficher dans l'Infobox, dans le cadre d'un film ||
 +
|}
 +
 
 +
 
 +
{| 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 || 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>thumbtime2</code> || 1 ||  || permet de préciser l'image du film à afficher dans l'Infobox, dans le cadre d'un film ||
 +
|-
 +
| <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=Dibella by adam adamowicz.png}}
 +
Lorem ipsum
 +
{{Infobox V3/Fin}}
 +
 
 +
<pre style="white-space:pre-wrap;">{{Infobox V3/Image|image=Dibella by adam adamowicz.png}}</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=Dibella by adam adamowicz.png|image2=SYMdibell.jpg}}
 +
Lorem ipsum
 +
{{Infobox V3/Fin}}
 +
 
 +
<pre style="white-space:pre-wrap;">{{Infobox V3/Image|image=Dibella by adam adamowicz.png|image2=SYMdibell.jpg}}</pre>
 +
{{clr}}
 +
 
 +
Si seule la seconde image est renseignée (<code>image2</code>) :
 +
{{Infobox V3/Début}}
 +
{{Infobox V3/Image|image=|image2=SYMdibell.jpg}}
 +
Lorem ipsum
 +
{{Infobox V3/Fin}}
 +
 
 +
<pre style="white-space:pre-wrap;">{{Infobox V3/Image|image=|image2=SYMdibell.jpg}}</pre>
 +
{{clr}}
 +
 
 +
 
 +
Si une seule image est renseignée avec une légende :
 +
{{Infobox V3/Début}}
 +
{{Infobox V3/Image|image=Dibella by adam adamowicz.png|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=Dibella by adam adamowicz.png|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=Dibella by adam adamowicz.png|image2=SYMdibell.jpg|upright=0.35|upright2=0.5}}
 +
Lorem ipsum
 +
{{Infobox V3/Fin}}
 +
 
 +
<pre style="white-space:pre-wrap;">{{Infobox V3/Image|image=Dibella by adam adamowicz.png|image2=SYMdibell.jpg|upright=0.35|upright2=0.5}}</pre>
 +
{{clr}}
 +
 
 +
Ajout d'une légende :
 +
{{Infobox V3/Début}}
 +
{{Infobox V3/Image|image=Dibella by adam adamowicz.png|image2=SYMdibell.jpg|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=Dibella by adam adamowicz.png|image2=SYMdibell.jpg
 +
|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=Dibella by adam adamowicz.png|image2=SYMdibell.jpg
 +
|alt=Lorem ipsum|alt2=Sic dolor amet}}
 +
Lorem ipsum
 +
{{Infobox V3/Fin}}
 +
 
 +
<pre style="white-space:pre-wrap;">{{Infobox V3/Image|image=Dibella by adam adamowicz.png|image2=SYMdibell.jpg
 +
|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=Dibella by adam adamowicz.png|image2=SYMdibell.jpg
 +
|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=Dibella by adam adamowicz.png|image2=SYMdibell.jpg
 +
|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=Dibella by adam adamowicz.png|bordure=1|image2=SYMdibell.jpg|bordure2=oui}}
 +
Lorem ipsum
 +
{{Infobox V3/Fin}}
 +
 
 +
<pre style="white-space:pre-wrap;">
 +
{{Infobox V3/Image|image=Dibella by adam adamowicz.png|bordure=1|image2=SYMdibell.jpg|bordure2=oui}}</pre>
 +
 
 +
{{clr}}
 +
Modification de la couleur d'arrière-plan :
 +
{{Infobox V3/Début}}
 +
{{Infobox V3/Image|image=Dibella by adam adamowicz.png|image2=SYMdibell.jpg|background=yellow}}
 +
Lorem ipsum
 +
{{Infobox V3/Fin}}
 +
 
 +
<pre style="white-space:pre-wrap;">{{Infobox V3/Image|image=Dibella by adam adamowicz.png|image2=SYMdibell.jpg|background=yellow}}</pre>
 +
{{clr}}
 +
[[Category:Méta-Modèles]]</noinclude>

Version actuelle datée du 2 octobre 2020 à 20:23

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 {{Infobox V3/Début}} et {{Infobox V3/Fin}}.

Syntaxe

Syntaxe minimale (une seule image) :

{{Infobox V3/Image|image=}}

Syntaxe complète avec tous les paramètres optionnels (une image) :

{{Infobox V3/Image|image=|alt=|upright=|bordure=|légende=}}

Syntaxe minimale (deux images) :

{{Infobox V3/Image|image=|image2=}}

Syntaxe complète avec tous les paramètres optionnels (deux images) :

{{Infobox V3/Image|image=|image2=|upright=|upright2=|alt=|alt2=|bordure=|bordure2=|légende=|background=}}

Si ce modèle est appelé sans valeur pour image ni pour image2, il ne retourne rien.

Paramètres

Paramètre obligatoire (une seule image)
paramètre exemple format rôle valeur par défaut
image Exemple.jpg nom du fichier image, sans Fichier: ou File: fichier image Pas de valeur par défaut
Paramètres optionnels (une seule image)
paramètre exemple format rôle valeur par défaut
upright 0.8 Redimensionnement de l'image 1 si l'image est seule
0.5 si les deux images sont présentes
légende
legend
lorem ipsum Légende de l'image ou des deux images Pas de légende par défaut
alt lorem ipsum 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 :
Si légende : « Accéder aux informations sur cette image commentée ci-après ».
Sans légende : « Accéder aux informations sur cette image nommée » + nom du fichier
bordure
border
1 texte quelconque permet d'afficher une bordure autour de l'image pas de bordure par défaut.
thumbtime 1 permet de préciser l'image du film à afficher dans l'Infobox, dans le cadre d'un film


Paramètres optionnels (une seconde image)
paramètre exemple format rôle valeur par défaut
image2 Exemple.jpg nom du fichier image, sans Fichier: ou File fichier image Pas de valeur par défaut
upright2 0.8 Redimensionnement de l'image 0.5 si les deux images sont présentes
1 si l'image est seule
alt2 lorem ipsum 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 :
Si légende : « Accéder aux informations sur cette image commentée ci-après ».
Sans légende : « Accéder aux informations sur cette image nommée » + nom du fichier
bordure2
border2
1 texte quelconque permet d'afficher une bordure autour de la deuxième image pas de bordure par défaut.
thumbtime2 1 permet de préciser l'image du film à afficher dans l'Infobox, dans le cadre d'un film
background #003399 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/Image
Description de l'image Dibella by adam adamowicz.png.

Lorem ipsum

{{Infobox V3/Image|image=Dibella by adam adamowicz.png}}

Code minimal pour deux images (pas de légende, alternative et taille par défaut) :

Infobox V3/Image
Description de l'image Dibella by adam adamowicz.png. Description de l'image SYMdibell.jpg.

Lorem ipsum

{{Infobox V3/Image|image=Dibella by adam adamowicz.png|image2=SYMdibell.jpg}}

Si seule la seconde image est renseignée (image2) :

Infobox V3/Image
Description de l'image SYMdibell.jpg.

Lorem ipsum

{{Infobox V3/Image|image=|image2=SYMdibell.jpg}}


Si une seule image est renseignée avec une légende :

Infobox V3/Image
Description de cette image, également commentée ci-après
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/Image|image=Dibella by adam adamowicz.png|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.}}

Modification de la taille des images :

Infobox V3/Image
Description de l'image Dibella by adam adamowicz.png. Description de l'image SYMdibell.jpg.

Lorem ipsum

{{Infobox V3/Image|image=Dibella by adam adamowicz.png|image2=SYMdibell.jpg|upright=0.35|upright2=0.5}}

Ajout d'une légende :

Infobox V3/Image
Description de cette image, également commentée ci-après Description de cette image, également commentée ci-après
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/Image|image=Dibella by adam adamowicz.png|image2=SYMdibell.jpg
|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.}}

Ajout d'une alternative textuelle à chaque image (sans légende) :

Infobox V3/Image
Lorem ipsum Sic dolor amet

Lorem ipsum

{{Infobox V3/Image|image=Dibella by adam adamowicz.png|image2=SYMdibell.jpg
|alt=Lorem ipsum|alt2=Sic dolor amet}}

Ajout d'une légende et d'une alternative textuelle :

Infobox V3/Image
Lorem ipsum Sic dolor amet
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/Image|image=Dibella by adam adamowicz.png|image2=SYMdibell.jpg
|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.}}

Ajout de bordure :

Infobox V3/Image
Description de l'image Dibella by adam adamowicz.png. Description de l'image SYMdibell.jpg.

Lorem ipsum

{{Infobox V3/Image|image=Dibella by adam adamowicz.png|bordure=1|image2=SYMdibell.jpg|bordure2=oui}}

Modification de la couleur d'arrière-plan :

Infobox V3/Image
Description de l'image Dibella by adam adamowicz.png. Description de l'image SYMdibell.jpg.

Lorem ipsum

{{Infobox V3/Image|image=Dibella by adam adamowicz.png|image2=SYMdibell.jpg|background=yellow}}