Mall:Multiple image

[visa] [redigera] [rensa sidcachen]

Dokumentation

---

Användning

Denna mall gör en ruta som kan innehålla mellan två och tio bilder. De kan antingen visas vertikalt eller horisontellt med bildtext för hela rutan eller för varje enskild bild.

Mallen kan automatiskt anpassa bildstorlekars bredd vid en bestämd bredd på rutan medan bilderna fortfarande har samma höjd.

Observera att mallen inte tar hänsyn till användares inställning för standardstorlek på bilder.

Om parametrar för bildstorlek utelämnas så sätter mallen automatiskt bilderna till bredden 200px. Detta oavsett vad läsaren har för standardinställning för bildbredd. Detta kan göra att proportionerna jämfört med de andra bilderna i artikeln kan se konstig ut.

Syntax och parametrar

Nedan visas kod för en ruta utan automatisk anpassning av bildstorlek i höjdled.

{{multiple image

 | align             =  
 | direction         = 
 | background color  = 
 | width             = 
 | caption_align     =  


 | header_background = 
 | header_align      = 
 | header            = 


 | image1            = 
 | width1            = 
 | alt1              = 
 | link1             = 
 | caption1          = 

 | image2            = 
 | width2            = 
 | alt2              = 
 | link2             = 
 | caption2          = 



 | footer_background = 
 | footer_align      = 
 | footer            = 
}}

Nedan visas kod för en ruta med automatisk anpassning av bildstorlek i höjdled när rutan har en fixerad bredd.

{{multiple image

 | align             =  
 | direction         = 
 | background color  = 
 | total_width       = 
 | caption_align     =  


 | header_background = 
 | header_align      = 
 | header            = 


 | image1            = 
 | alt1              = 
 | link1             = 
 | caption1          = 

 | image2            = 
 | alt2              = 
 | link2             = 
 | caption2          = 



 | footer_background = 
 | footer_align      = 
 | footer            = 
}}

Parameter	Förklaring
align	Placering av mallen/rutan. Höger, vänster eller centrerad.
direction	Bildernas orientering. Vågrätt (liggandes) eller lodrätt (ståendes).
background color	Rutans färg bakom bilderna.
header_background	Bakgrundsfärg för rubriken
header_align	Placering av rubriktexten. Höger, vänster eller centrerad.
header	Rubriktext
width	Värdet anger hur stor bredd varje enskild bild kommer få. Parametern tvingar bilderna till bredden och ignorerar parametern "width[n]".
total_width	Används för att ange den totala bredden för hela rutan med bilderna i. Mallen anpassar bildernas bredd så höjden blir densamma. Använd inte tillsammans med parametern width ovan.
image[n]	Filnamn för bilden. Byt ut [n] mot ett värde (1 till 10), 1 för första bilden, 2 för andra bilden osv.
width[n]	Bredd för bilden. Parametern har två användningar: Fast bredd för bilden (ett heltal, utan "px"-ändelse). Denna parameter övertrumfas om width används. Byt ut [n] mot ett värde (1 till 10), 1 för första bilden, 2 för andra bilden osv. Originalbildens fulla bredd. Används om total_width har angivits, detta för att mallen ska kunna ställa in höjden automatiskt. Byt ut [n] mot ett värde (1 till 10), 1 för första bilden, 2 för andra bilden osv.
height[n]	Originalbildens fulla höjd. Används om total_width har angivits, detta för att mallen ska kunna ställa in höjden automatiskt. Byt ut [n] mot ett värde (1 till 10), 1 för första bilden, 2 för andra bilden osv.
alt[n]	ALT-text för bilden. Se även en:Wikipedia:Manual of Style/Accessibility/Alternative text for images (på engelska). Byt ut [n] mot ett värde (1 till 10), 1 för första bilden, 2 för andra bilden osv.
link[n]	För att ändra sida som bilden hänvisar till när man klickar på den. Använd bara om du vet att bilden ligger under en helt fri licens som public domain eller CC0. Om du är osäker bör du utelämna parametern helt. Vid användning av parametern utan något värde angivet så länkar bilden inte någonstans och blir oklickbar. Byt ut [n] mot ett värde (1 till 10), 1 för första bilden, 2 för andra bilden osv.
thumbtime[n]	Enbart vid användning av ogg-filmer. Parametern ändrar visningsbilden filmen har innan uppspelning. Se även en:Help:Creation and usage of media files#Setting a video thumbnail image och Commons:Video#Setting a video thumbnail image. Byt ut [n] mot ett värde (1 till 10), 1 för första filmen, 2 för andra filmen osv.
caption[n]	Bildtext. Visas under bilden. Byt ut [n] mot ett värde (1 till 10), 1 för första bilden, 2 för andra bilden osv.
caption_align	Placering av bildtexten för samtliga bilder. Höger, vänster eller centrerad.
footer_background	Bakgrundsfärg för mallfoten
footer_align	Placering av mallfotstexten. Höger, vänster eller centrerad. Av tekniska skäl (för mobilvy) bör vänster och höger inte användas.
footer	Mallfotstext.

Exempel

Spelare varnas med ett gult kort och visas ut med ett rött.

{{multiple image
 | width = 60
 | image1 = Yellow card.svg
 | alt1 = Ett gult kort
 | image2 = Red card.svg
 | alt2 = Ett rött kort
 | footer = Spelare varnas med ett gult kort och visas ut med ett rött.
}}

Demonstration av transparenta PNG-bilder

En PNG-bild med ett transparent lager på 8 bitar...

...här mot en rutad bakgrund.

{{multiple image
 | align = left
 | direction = vertical
 | width = 200
 | header = Demonstration av transparenta [[PNG]]-bilder
 | image1 = PNG transparency demonstration 1.png
 | alt1 = Färgade tärningar mot en vit bakgrund
 | caption1 = En PNG-bild med ett transparent lager på 8 bitar...
 | image2 = PNG transparency demonstration 2.png
 | alt2 = Färgade tärningar mot en rutig bakgrund
 | caption2 = ...här mot en rutad bakgrund.
}}

När en användare har många utmärkelser kan han eller hon representera dem med släpspännen.

{{multiple image
 | width = 60
 | image1=Ribbon numeral 2.png | alt1=2
 | image2=Ribbon numeral 3.png | alt2=3
 | image3=Ribbon numeral 4.png | alt3=4
 | footer = När en användare har många [[Wikipedia:Utmärkelser|utmärkelser]] kan han eller hon representera dem med [[:en:Wikipedia:Ribbons|släpspännen]].
}}

Bakgrundsfärg

Du ändrar bakgrundsfärgen bakom bilderna genom parametern |background color=. Det går att ange både som text lightgreen eller hexadeceimalt #90ee90. Se även Wikipedia:Färger och HTML-färger.

Desmeknoppar (Adoxa moschatellina)

{{multiple image
 | align = left
 | background color = lightgreen
 | width = 160
 | image1 = Adoxa_moschatellina_210406.jpg
 | alt1 = Grön ört med några små gulvita blommor
 | image2 = Adoxa_moschatellina_210406a.jpg
 | alt2 = Tre små vita och gula blommor
 | image3 = adoxa_moschatellina_blatt.jpeg
 | alt3 = Bladen från en växt grupperade tre och tre med tre flikar
 | footer = [[Desmeknoppar]] (''Adoxa moschatellina'')
}}

Länkar (link[n])

En mula
(骡子 luózi)

En åsna
(驴子 lǘzi)

En fisk
(鱼 yú)

Bilden på mulan länkar till artikeln Mula; bilden på åsnan länkar inte någons; bilden på regnbågen leder till bildens fibeskrivningssida.

{{multiple image
 | align = left

 | image1 = Frecklesmule.jpg
 | width1 = 143
 | alt1 = En mula
 | link1 = Mula
 | caption1 = En mula
(骡子 ''luózi'')

 | image2 = Donkey in Clovelly, North Devon, England.jpg
 | width2 = 150
 | alt2 = En åsna
 | link2 = 
 | caption2  = En åsna
(驴子 ''lǘzi'')

 | image3 = Rainbow_trout.png
 | width3 = 91
 | alt3 = En regnbåge
 | caption3  = En fisk
({{lang|zh|2=鱼}} ''yú'')

 | footer = Bilden på mulan länkar till artikeln [[Mula]]; bilden på åsnan länkar inte någons; bilden på regnbågen leder till bildens fibeskrivningssida.
}}

Riktning

Som standard i mallen visas bilderna horisontellt. Nedan syns exempel på hur det kan se ut. Till vänster är parametern |direction= satt till horizontal, men det går lika bra att helt utesluta parametern för samma resultat. Till höger är parametern |direction= satt till vertical och bildar då en kolumn med bilder.

(horizontal)

(vertical)

På vissa mobila enheter kommer vissa bilder att visas vertikalt om den totala bredden är större än 320.

Samma höjd

Notera att detta är onödigt om bilderna har samma bildförhållande. Om det är fallet kan du ange |width därefter.(?)

1. Bestäm dig för hur stor du vill att hela rutan skall vara, låt säga 320 pixlar.
2. Ange det värdet, 320, för parametern |total_width=

En rektangulär bild med en åsna. Originalbilden är 536 pixlar hög.

En kvadratisk bild av en fisk. Originalbilden är 300 pixlar hög.

Båda bilderna återges nu med samma höjd. Och hela rutan har en total bredd på 320 pixlar.

{{multiple image
 | align = right
 | total_width = 320

 | image1 = Donkey in Clovelly, North Devon, England.jpg
 | alt1 = En åsna
 | caption1 = En rektangulär bild med en åsna. Originalbilden är 536 pixlar hög.

 | image2 = Rainbow_trout.png
 | alt2 = En regnbåge
 | caption2 = En kvadratisk bild av en fisk. Originalbilden är 300 pixlar hög.

 | footer = Båda bilderna återges nu med samma höjd. Och hela rutan har en total bredd på 320 pixlar.
}}

Bildförhållandet för varje bild hämtas automatiskt från filens metadata. Du kan ersätta bildernas originalbredd och originalhöjd genom att

• Undersöka de enskilda bildbeskrivningssidorna för originalupplösningen. Exempelvis:
  • Fil:Donkey in Clovelly, North Devon, England.jpg visar "Donkey in Clovelly, North Devon, England.jpg ‎(750 × 536 pixlar, filstorlek: 181 kbyte, MIME-typ: image/jpeg)"
  • File:Rainbow trout.png visar "Rainbow_trout.png ‎(300 × 300 pixlar, filstorlek: 158 kbyte, MIME-typ: image/png)"
• Specify the full width and height for each image, of the form:
  • |width1= |height1= |width2= |height2=

Fler rader

För att göra en samling av flera bilder med flera rader använder du parametern |perrow=. Värdet kan vara ett enskilt nummer, men även en lista av nummer avgränsade med snedstreck (/). Denna funktion är kompatibel med parametern |total_width= och ger rader med bilder som anpassas till rutans totala bredd.

Mätinstrument. Medurs från övre vänstra bilden: Optical Theodolite, Robotic total station, Optical level, Real-time kinematic GPS Base station.

{{multiple image|perrow = 2|total_width=300
| image1 = Kern_Theodolit_DKM2-A.jpg
| image2 = Total-Robotic-Station.jpg
| image3 = DumpyLevel.jpg
| image4 = GPS_Survey_Equipment_at_Weir_Dyke_Bridge_-_geograph.org.uk_-_336908.jpg
| footer = Mätinstrument. Medurs från övre vänstra bilden: Optical Theodolite, Robotic total station, Optical level, Real-time kinematic GPS Base station.
}}

Ta bort ramen

Ramen runt de enskilda bilderna kan tas bort med hjälp av denna parameter med det angivna värdet |image_style=border:none;

Bild på en åsna

Bild på en fisk

{{multiple image
 | align = right
 | total_width = 320
 | image_style = border:none;

 | image1 = Donkey in Clovelly, North Devon, England.jpg
 | alt1 = En åsna
 | caption1 = Bild på en åsna

 | image2 = Rainbow_trout.png
 | alt2 = En fisk
 | caption2 = Bild på en fisk
}}

Öka mellanrummet mellan bilderna

Mellanrummet mellan bilderna kan ökas genom att använda sig av parametern |image_gap=. Värdet måste vara ett positivt heltal.

Bild på en åsna

Bild på en fisk

{{multiple image
 | align = right
 | total_width = 320
 | image_gap = 20

 | image1 = Donkey in Clovelly, North Devon, England.jpg
 | alt1 = En åsna
 | caption1 = Bild på en åsna

 | image2 = Rainbow_trout.png
 | alt2 = En fisk
 | caption2 = Bild på en fisk
}}

Alias

• {{Flera bilder}}
• {{Multipla bilder}}

TemplateData

Mallen ger en box med 2–10 bilder vertikalt eller horisontellt, med bildtext för hela boxen och/eller för varje bild.

Mallparametrar[Redigera TemplateData]

Denna mall föredrar blockformatering av parametrar.

Parameter		Beskrivning	Typ	Status
Placering	align	Placerar bildboxen, med eller utan radbrytning av text; "none" i vänsterkant utan radbrytning, "center" mitt i utan radbrytning, "left" och "right" vänster resp. höger med radbrytning. Föreslagna värden none center left right Standard right Exempel left/right/center/none	Sträng	föreslagen
Riktning	direction	Riktning i vilken bilderna ordnas. Föreslagna värden horizontal vertical Standard horizontal Exempel horizontal/vertical	Sträng	föreslagen
Total vidd	total_width	Skalar bilderna till samma höjd och denna totala vidd. Använd inte både Total vidd och Vidd. Heltal vidd i pixlar; utan "px". Exempel 400	Nummer	föreslagen
Rad-layout	perrow	Skapar en bildmatris med flera rader. Värdet kan vara ett enskilt tal eller en lista med tal, där varje rad avgränsas av /. Kan kombineras med Total vidd för automatisk storleksanpassning av bilderna. Exempel 1 / 2 / 1	Sträng	valfri
Vidd	width	Vidd för alla bilder; åsidosätter Vidd 1, Vidd 2 osv. Ska bilderna ha olika storlek ska denna parameter inte användas. Heltal för bredd i pixlar; utan "px" Exempel 200	Nummer	valfri
Bakgrundsfärg	background color	Anger bakgrundsfärgen mellan ramen och bilderna. Kan påverka tillgängligheten negativt, undvik om möjligt. Exempel #EEFFGG or red	Sträng	valfri
Textjustering	caption_align	ingen beskrivning Föreslagna värden left right center Standard left Exempel left/right/center	Sträng	valfri
Bild 1	image1	Bild 1 är namnet på första bilden. På samma sätt för Bild 2 osv. Endast filnamn; utan "File:" eller "Image:" före. Exempel example.jpg	Fil	obligatorisk
Vidd 1	width1	Vidd 1 är vidden på första bilden. På samma sätt för Vidd 2 osv.	Nummer	valfri
Alt-text 1	alt1	[[Alt-text]] för första bilden. På samma sätt för Alt-text 2 osv.	Rad	föreslagen
Bildtext 1	caption1	Bildtext för första bilden. På samma sätt för Bildtext 2 osv.	Innehåll	föreslagen
Länk 1	link1	Vart första sidan länkar. På samma sätt för Länk 2 osv. Om inget anges länkar bilden som vanligt till bildbeskrivningssidan. Om inget värde anges länkar bilden inte; bör användas för rent dekorativa bilder. Viktigt: Om bilden omfattas av en fri licens som GFDL eller en CC-licens får denna parameter inte användas, då licensernas villkor kräver att licensen, eller en länk till den, återges med bilden. Bilden måste därför länka till sin bildbeskrivningssida. Bilder i Public domain, eller (teoretiskt sett) är Fair use omfattas inte av denna begränsning.	Sidnamn	valfri
Tid tumbild 1	thumbtime1	Om bild 1 är en Ogg Theora-fil anger detta tidpunkt i videon för stillbilden. Antal sekunder eller timmar:minuter:sekunder. Samma för Tid tumbild 2 osv.	Sträng	valfri
Bild 2	image2	ingen beskrivning Exempel example.jpg	Fil	föreslagen
Vidd 2	width2	ingen beskrivning	Nummer	valfri
Alt-text 2	alt2	ingen beskrivning	Rad	föreslagen
Bildtext 2	caption2	ingen beskrivning	Innehåll	föreslagen
Länk 2	link2	ingen beskrivning	Sidnamn	valfri
Tid tumbild 2	thumbtime2	ingen beskrivning	Sträng	valfri
Image 3	image3	ingen beskrivning Exempel example.jpg	Fil	valfri
Width 3	width3	ingen beskrivning	Nummer	valfri
Alt text 3	alt3	ingen beskrivning	Rad	valfri
Bildtext 3	caption3	ingen beskrivning	Innehåll	valfri
Länk 3	link3	ingen beskrivning	Sidnamn	valfri
Tid tumbild 3	thumbtime3	ingen beskrivning	Sträng	valfri
Bildmellanrum	img_gap	Mellanrum mellan bilderna. Heltal vidd i pixlar; utan "px" Exempel 20	Nummer	valfri
Bild-styling	image_style	Åsidosätter standard-styling av bildramen.	Sträng	valfri
Rubrik	header	Rubrik ovan hela ramen.	Innehåll	valfri
Rubrik-bakgrund	header_background	Bakgrundsfärg för rubrik-fältet. Kan påverka tillgängligheten negativt, undvik om möjligt. Exempel #EEFFGG eller red	Sträng	valfri
Rubrik-justering	header_align	ingen beskrivning Föreslagna värden left right center Standard center Exempel left/right/center	Sträng	valfri
Footer	footer	Text i Footer-fältet.	Innehåll	valfri
Footer-bakgrund	footer_background	Bakgrundsfärg för Footer-fältet. Kan påverka tillgängligheten negativt, undvik om möjligt. Exempel #EEFFGG eller red	Sträng	valfri
Footer-justering	footer_align	Placering av Footer-texten. Höger, vänster eller centrerad. Av tekniska skäl (för mobilvy) bör vänster och höger inte användas. Standard left Exempel left/right/center	Sträng	valfri

Underhållskategorier

• Kategori:Sidor med Mall:Multiple image med automatiskt angivet bildförhållande (582 st)
• Kategori:Sidor med Mall:Multiple image med manuellt angivet bildförhållande (582 st)

Ovanstående dokumentation transkluderas från sidan ”Mall:Multiple image/dok”. Kategorier ska placeras på den dokumentationssidan.