Modèle:Infobox V3/Image

modèle de Wikimedia From Wikipedia, the free encyclopedia

 Documentation[voir] [modifier] [historique] [purger]

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}}. Pour l'utilisation de ces modèles, voir Projet:Infobox/V3

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

Davantage d’informations paramètre, exemple ...
Paramètre obligatoire (une seule image)
paramètre exemple format rôle valeur par défaut
imageExemple.jpgnom du fichier image, sans Fichier: ou File:fichier imagePas de valeur par défaut
Fermer
Davantage d’informations paramètre, exemple ...
Paramètres optionnels (une seule image)
paramètre exemple format rôle valeur par défaut
upright0.8Redimensionnement de l'image
(Voir Wikipédia:Mise en forme des images)
1 si l'image est seule
0.5 si les deux images sont présentes
légende
legend
lorem ipsumLégende de l'image ou des deux imagesPas de légende par défaut
altlorem ipsumtexte sans syntaxe wikiAlternative textuelle de l'imageSauf 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
1texte quelconquepermet d'afficher une bordure autour de l'imagepas de bordure par défaut.
thumbtime1permet de préciser l'image du film à afficher dans l'Infobox, dans le cadre d'un film
classe image
class
pageimage[1]code CSSpermet d'ajouter des classes CSS personnalisées à l'imagePas de classe par défaut en général. Les images defaut.svg et defaut 2.svg reçoivent automatiquement la classe skin-invert-image[2] en plus des classes éventuellement spécifiées.
Fermer
Davantage d’informations paramètre, exemple ...
Paramètres optionnels (une seconde image)
paramètre exemple format rôle valeur par défaut
image2Exemple.jpgnom du fichier image, sans Fichier: ou Filefichier imagePas de valeur par défaut
upright20.8Redimensionnement de l'image
(Voir Wikipédia:Mise en forme des images)
0.5 si les deux images sont présentes
1 si l'image est seule
alt2lorem ipsumtexte sans syntaxe wikiAlternative textuelle de l'imageSauf 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
1texte quelconquepermet d'afficher une bordure autour de la deuxième imagepas de bordure par défaut.
thumbtime21permet de préciser l'image du film à afficher dans l'Infobox, dans le cadre d'un film
background#003399hexadécimal ou tout autre format standardCouleur d'arrière-plan du bloc images#DFEDFF
classe image2
class2
skin-invert-image[2]code CSSpermet d'ajouter des classes CSS personnalisées à l'imagePas de classe par défaut en général. Les images defaut.svg et defaut 2.svg reçoivent automatiquement la classe skin-invert-image en plus des classes éventuellement spécifiées.
Fermer

Exemples

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

Faits en bref
Infobox V3/Image
Description de l'image More Macaroooonnnss (8107887928).jpg.

Lorem ipsum

Fermer
{{Infobox V3/Image|image=More Macaroooonnnss (8107887928).jpg}}

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

Faits en bref
Infobox V3/Image
Description de l'image More Macaroooonnnss (8107887928).jpg. Description de l'image Eclair Chocolat LMDC 2.png.

Lorem ipsum

Fermer
{{Infobox V3/Image|image=More Macaroooonnnss (8107887928).jpg|image2=Eclair Chocolat LMDC 2.png}}

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

Faits en bref
Infobox V3/Image
Description de l'image Eclair Chocolat LMDC 2.png.

Lorem ipsum

Fermer
{{Infobox V3/Image|image=|image2=Eclair Chocolat LMDC 2.png}}


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

Faits en bref
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

Fermer
{{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.}}

Modification de la taille des images :

Faits en bref
Infobox V3/Image
Description de l'image More Macaroooonnnss (8107887928).jpg. Description de l'image Eclair Chocolat LMDC 2.png.

Lorem ipsum

Fermer
{{Infobox V3/Image|image=More Macaroooonnnss (8107887928).jpg|image2=Eclair Chocolat LMDC 2.png|upright=0.35|upright2=0.5}}

Ajout d'une légende :

Faits en bref
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

Fermer
{{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.}}

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

Faits en bref
Infobox V3/Image
Lorem ipsum Sic dolor amet

Lorem ipsum

Fermer
{{Infobox V3/Image|image=More Macaroooonnnss (8107887928).jpg|image2=Eclair Chocolat LMDC 2.png
|alt=Lorem ipsum|alt2=Sic dolor amet}}

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

Faits en bref
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

Fermer
{{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.}}

Ajout de bordure :

Faits en bref
Infobox V3/Image
Description de l'image More Macaroooonnnss (8107887928).jpg. Description de l'image Eclair Chocolat LMDC 2.png.

Lorem ipsum

Fermer
{{Infobox V3/Image|image=More Macaroooonnnss (8107887928).jpg |bordure=1|image2=Eclair Chocolat LMDC 2.png|bordure2=oui}}

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

Faits en bref
Infobox V3/Image
Description de l'image More Macaroooonnnss (8107887928).jpg. Description de l'image Eclair Chocolat LMDC 2.png.

Lorem ipsum

Fermer
{{Infobox V3/Image|image=More Macaroooonnnss (8107887928).jpg|image2=Eclair Chocolat LMDC 2.png|background=yellow}}

Related Articles

Wikiwand AI