Modèle:Image multiple

Ce modèle utilise le module Multiple image, un script écrit dans le langage de programmation Lua. Toute expérimentation devrait être conduite d'abord via une sous-page bac à sable. Voir le projet Scribunto si vous voulez en savoir plus.

Ce modèle utilise la feuille de style Image multiple/styles.css en CSS. Voir l'aide de l'extension TemplateStyles si vous voulez en savoir plus.

Ce modèle crée une boîte contenant entre deux et dix images, disposées verticalement ou horizontalement et avec des légendes pour la boîte entière ou par image.

Avec le choix approprié des paramètres, le modèle peut automatiquement redimensionner les images à une largeur totale donnée, chaque image ayant la même hauteur.

Sachez que ce modèle ne respecte pas les préférences de taille d'image par défaut des utilisateurs. L'ancienne version non-Lua de ce modèle imposait aussi une taille en pixels aux images, ce qui est en contradiction avec la recommandation sur la mise en forme des images : son usage était donc déconseillé dans l'espace encyclopédique et la prudence reste conseillée dans sa nouvelle version.

Si les paramètres de taille d'image sont omis, ce modèle définit toutes les images à 200px de largeur, indépendamment du fait que le lecteur ait défini une préférence pour une autre largeur d'image par défaut. Ceci provoque la visualisation hors échelle de plusieurs images par rapport aux autres images d'un article.

{{multiple image  | align     = left/right/center  | direction = horizontal/vertical  | header    =   | header_align = left/right/center  | footer    =   | footer_align = left/right/center  | width     =    | image1    =   | width1    =   | alt1      =   | caption1  =    | image2    =   | width2    =   | alt2      =   | caption2  =    | image3    =   | width3    =   | alt3      =   | caption3  =    | image4    =   | width4    =   | alt4      =   | caption4  =    | image5    =   | width5    =   | alt5      =   | caption5  =  }}

Les joueurs peuvent recevoir un carton jaune (avertissement) ou un carton rouge (expulsion).

{{multiple image  | footer    = Les joueurs peuvent recevoir un carton jaune (avertissement) ou un carton rouge (expulsion).  | width     = 60   | image1    = Yellow card.svg  | alt1      = Carton jaune   | image2    = Red card.svg  | alt2      = Carton rouge }}

Démonstration de la transparence PNG

Une image PNG avec une couche 8-bit de transparence...

... ici avec un fond en damier.

{{multiple image  | align     = left  | direction = vertical  | header    = Démonstration de la transparence [[Portable Network Graphics|PNG]]  | width     = 200   | image1    = PNG transparency demonstration 1.png  | alt1      = Dés colorés avec fond blanc  | caption1  = Une image PNG avec une couche 8-bit de transparence...   | image2    = PNG transparency demonstration 2.png  | alt2      = Dés colorés avec fond en damier  | caption2  = ... ici avec un fond en damier. }}

Quand un utilisateur a plusieurs fois les mêmes lauriers,

ils peuvent les représenter avec un ruban

et les chiffres indiquent le nombre de lauriers décernés.

{{multiple image  | footer   = Quand un utilisateur a plusieurs fois les mêmes [[Wikipédia:Décernez les lauriers|lauriers]], ils peuvent les représenter avec un [[WP:Rubans|ruban]] et les chiffres indiquent le nombre de lauriers décernés.  | width    = 60   | image1   = Ribbon numeral 2.png  | alt1     = 2   | image2   = Ribbon numeral 3.png  | alt2     = 3   | image3   = Ribbon numeral 4.png  | alt3     = 4 }}

Un mulet

Un âne

Une truite

Le mulet dirige vers Mulet, l'âne ne dirige vers rien et la truite dirige vers la page de description de l'image (par défaut).

{{multiple image  | footer    = Le mulet dirige vers ''[[Mulet]]'', l'âne ne dirige vers rien et la truite dirige vers la page de description de l'image (par défaut).  | align     = left   | image1    = Juancito2.png  | width1    = 143  | alt1      = Un mulet  | caption1  = {{centrer|Un mulet}}  | link1     = Mulet   | image2    = Donkey 1 arp 750px.jpg  | width2    = 150  | alt2      = Un âne  | caption2  = {{centrer|Un âne}}  | link2     =   | image3    = Rainbow_trout.png  | width3    = 91  | alt3      = Une truite  | caption3  = {{centrer|Une truite}} }} 

• {{Triple image}}
• {{Double image verticale}}
• {{Double image multiple}}
• {{Double image}}
• {{Images}}
• Aide:Galerie