Modèle:Infobox V3/Image/Documentation

Note : Ceci est une page de documentation pour un modèle.

📘 Description

Ce modèle affiche jusqu’à trois images sous forme d’onglets grâce au système de navigation tabber. Il adapte automatiquement les images à une taille uniforme (300 px de haut, largeur 100 %) grâce à une classe CSS dédiée.

Ce système permet une présentation élégante et cohérente des images dans les infoboxes.

🔧 Syntaxe

Utilisation standard du modèle dans une infobox ou une page :

{{NomDuModèle
 | Image 1 = NomImage1.jpg
 | Titre image 1 = Légende 1
 | Image caption 1 = Description 1
 | Image 2 = NomImage2.jpg
 | Titre image 2 = Légende 2
 | Image caption 2 = Description 2
 | Image 3 = NomImage3.jpg
 | Titre image 3 = Légende 3
 | Image caption 3 = Description 3
}}

🧪 Exemples

Une seule image

{{Infobox V3/Image
 |Titre image 1= Drapeau de Dunwich
 |Image 1= Image Blad Melkitim.png
 |Image caption 1= 
}}

Deux images

{{Infobox V3/Image
 |Image 1=Ejheril Reïls image.png
 |Titre image 1=Image officielle
 |Image caption 1=
 |Image 2=GUA - Localisation.png
 |Titre image 2=Image officielle
 |Image caption 2=
}}

Trois images

{{Infobox V3/Image
 |Image 1=Caphnir glyph.png
 |Titre image 1=Image officielle
 |Image caption 1=
 |Image 2=Ejheril Reïls image jeune.png
 |Titre image 2=Image officielle
 |Image caption 2=
 |Image 3=
 |Titre image 3=
 |Image caption 3=
}}

🧩 Paramètres

Nom du paramètre	Description	Obligatoire
`Image 1`	Nom du fichier de la première image sans le préfixe File:	Oui
`Titre image 1`	Titre affiché au-dessus de la première image	Non
`Image caption 1`	Légende affichée sous la première image	Non
`Image 2`	Nom du fichier de la deuxième image	Non
`Titre image 2`	Titre affiché au-dessus de la deuxième image	Non
`Image caption 2`	Légende affichée sous la deuxième image	Non
`Image 3`	Nom du fichier de la troisième image	Non
`Titre image 3`	Titre affiché au-dessus de la troisième image	Non
`Image caption 3`	Légende affichée sous la troisième image	Non

⚠️ Les images 2 et 3 sont facultatives. Si seule l’image 1 est renseignée, elle s’affiche seule, sans onglets.

🧰 CSS recommandé

Pour que les images aient une taille cohérente et soient automatiquement rognées (crop), ajoute ce code dans `MediaWiki:Common.css` :

.infobox-portrait-cropped img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    object-position: center;
}

Et appelle les images dans le modèle comme ceci :

[[File:{{{Image 1}}}|class=infobox-portrait-cropped]]

🔗 Voir aussi