Mall:Multiple image
[visa] [redigera] [rensa sidcachen]
Dokumentation
Användning
[redigera wikitext]
 |
Denna dokumentation är delvis på engelska. Den bör snarast översättas till svenska. |
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
[redigera wikitext]- Nedan visas kod för en ruta utan automatisk anpassning av bildstorlek i höjdled.
{{multiple image <!-- Utseendeparametrar --> | align = <!-- right (standardinställning), left, center, none --> | direction = <!-- horizontal (standardinställning), vertical --> | background color = <!-- rutans bakgrundsfärg --> | width = <!-- varje bilds bredd angivet i pixlar (ett heltal, utan "px"-ändelse); anges detta värde ignoreras de enskilda bildernas angivna bredd ("width[n]")--> | caption_align = <!-- left (standardinställning), center, right --> <!-- Rubrik --> | header_background = | header_align = <!-- center (standardinställning), left, right --> | header = <!-- bild 1 --> | image1 = <!-- endast filnamnet, d.v.s. utan prefixet "Fil:" --> | width1 = <!-- bredden för denna bild, inaktiveras om parametern ''width'' (under utseendeparametrar) anges--> | alt1 = | link1 = | caption1 = <!-- bild 2 --> | image2 = <!-- endast filnamnet, d.v.s. utan prefixet "Fil:" --> | width2 = <!-- bredden för denna bild, inaktiveras om parametern ''width'' (under utseendeparametrar) anges--> | alt2 = | link2 = | caption2 = <!-- ... och så vidare, mallen klarar av maximalt tio bilder (image10) --> <!-- Mallfot --> | footer_background = | footer_align = <!-- left (standardinställning), center, right --> | 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 <!-- Utseendeparametrar --> | align = <!-- right (standardinställning), left, center, none --> | direction = <!-- horizontal (standardinställning), vertical --> | background color = <!-- rutans bakgrundsfärg --> | total_width = <!-- totala bredden för hela rutan med alla bilder i (ett heltal, utan "px"-ändelse) --> | caption_align = <!-- left (standardinställning), center, right --> <!-- Rubrik --> | header_background = | header_align = <!-- center (standardinställning), left, right --> | header = <!-- bild 1 --> | image1 = <!-- endast filnamnet, d.v.s. utan prefixet "Fil:" --> | alt1 = | link1 = | caption1 = <!-- bild 2 --> | image2 = <!-- endast filnamnet, d.v.s. utan prefixet "Fil:" --> | alt2 = | link2 = | caption2 = <!-- ... och så vidare, mallen klarar av maximalt tio bilder (image10) --> <!-- Mallfot --> | footer_background = | footer_align = <!-- left (standardinställning), center, right --> | 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:
|
| 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 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
[redigera wikitext]
{{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.
}}
{{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.
}}
{{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
[redigera wikitext]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.
{{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])
[redigera wikitext]
(骡子 luózi)
(驴子 lǘzi)
(鱼 yú)
{{multiple image
| align = left
| image1 = Frecklesmule.jpg
| width1 = 143
| alt1 = En mula
| link1 = Mula
| caption1 = En mula<br />(骡子 ''luózi'')
| image2 = Donkey in Clovelly, North Devon, England.jpg
| width2 = 150
| alt2 = En åsna
| link2 =
| caption2 = En åsna<br />(驴子 ''lǘzi'')
| image3 = Rainbow_trout.png
| width3 = 91
| alt3 = En regnbåge
| caption3 = En fisk<br />({{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
[redigera wikitext]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.
På vissa mobila enheter kommer vissa bilder att visas vertikalt om den totala bredden är större än 320.
Samma höjd
[redigera wikitext]- Notera att detta är onödigt om bilderna har samma bildförhållande. Om det är fallet kan du ange
|widthdärefter.(?)
- Bestäm dig för hur stor du vill att hela rutan skall vara, låt säga 320 pixlar.
- Ange det värdet, 320, för parametern
|total_width=
{{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
[redigera wikitext]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.
{{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
[redigera wikitext]Ramen runt de enskilda bilderna kan tas bort med hjälp av denna parameter med det angivna värdet |image_style=border:none;
{{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
[redigera wikitext]Mellanrummet mellan bilderna kan ökas genom att använda sig av parametern |image_gap=. Värdet måste vara ett positivt heltal.
{{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
}}
TemplateData
[redigera wikitext]This template creates a box with two to ten images arranged vertically or horizontally with captions for the entire box and/or for each images.
| Parameter | Beskrivning | Typ | Status | |
|---|---|---|---|---|
| Alignment | align | Sets text-wrapping around image box, where "none" places the box on the left edge with no text-wrapping, "center" places the box at center with no text-wrapping and "left" and "right" refer to position of box on screen with text-wrapping.
| Sträng | föreslagen |
| Direction | direction | Direction in which to tile the images.
| Sträng | föreslagen |
| Frame width | total_width | Use to scale the images to the same height and this total width. Do not use both total_width and width. Integer width in pixels; no "px" suffix
| Nummer | föreslagen |
| Row layout | perrow | Create an array of images, with multiple rows. The value passed to may be a single number or a list of numbers with each row delimited by /. Can be combined with total_width for automatic sizing of images.
| Sträng | valfri |
| Image width | width | Width overrides Width 1, Width 2, Width 3, etc. If you want the images to be different sizes, do not provide the width parameter. Integer width in pixels; no "px" suffix
| Nummer | valfri |
| Background color | background color | Defines the background color between the border of the box and the images. Changing the background can be bad for accessibility, avoid when possible.
| Sträng | valfri |
| Caption alignment | caption_align | ingen beskrivning
| Sträng | valfri |
| Image 1 | image1 | Image 1 is name of first image. Similarly for Image 2, etc. File name only; no "File:" or "Image:" prefix.
| Fil | obligatorisk |
| Width 1 | width1 | width 1 is width of first image. Similarly for Width 2, etc. | Nummer | valfri |
| Alt text 1 | alt1 | The [[alt text]] of first image (see [[WP:ALT]]). Similarly for Alt text 2, etc. | Rad | föreslagen |
| Caption 1 | caption1 | Caption 1 is caption of first image. Similarly for Caption 2, etc. | Innehåll | föreslagen |
| Link 1 | link1 | Where the first page links to. Similarly for Link 2, etc. If not specified, image links to the image description page as usual. If specified to the empty value, the image does not link anywhere; this should be used for purely decorative images as per [[WP:ALT]]. Important: If the image is under a free license like the GFDL or a CC license, you must not use this parameter as the terms of those licenses require the license, or a link to it, to be reproduced with the image. The image must, therefore, link to its image page. Public domain and (theoretically) fair use images are not subject to this restriction. | Sidnamn | valfri |
| Thumbtime 1 | thumbtime1 | If image1 is an Ogg Theora file, sets the time within the video that is used for the initial display. Either a number of seconds or hours:minutes:seconds. Similarly for Thumb time 2, etc. | Sträng | valfri |
| Image 2 | image2 | ingen beskrivning
| Fil | föreslagen |
| Width 2 | width2 | ingen beskrivning | Nummer | valfri |
| Alt text 2 | alt2 | ingen beskrivning | Rad | föreslagen |
| Caption 2 | caption2 | ingen beskrivning | Innehåll | föreslagen |
| Link 2 | link2 | ingen beskrivning | Sidnamn | valfri |
| Thumbtime 2 | thumbtime2 | ingen beskrivning | Sträng | valfri |
| Image 3 | image3 | ingen beskrivning
| Fil | valfri |
| Width 3 | width3 | ingen beskrivning | Nummer | valfri |
| Alt text 3 | alt3 | ingen beskrivning | Rad | valfri |
| Caption 3 | caption3 | ingen beskrivning | Innehåll | valfri |
| Link 3 | link3 | ingen beskrivning | Sidnamn | valfri |
| Thumbtime 3 | thumbtime3 | ingen beskrivning | Sträng | valfri |
| Image gap | img_gap | Override the distance between adjacent images. Integer width in pixels; no "px" suffix
| Nummer | valfri |
| Image style | image_style | Override the default styling of the image frame. | Sträng | valfri |
| Header | header | A header text to place above the entire frame. | Innehåll | valfri |
| Header background | header_background | Defines the background color of the header field. Changing the background can be bad for accessibility, avoid when possible
| Sträng | valfri |
| Header alignment | header_align | ingen beskrivning
| Sträng | valfri |
| Footer | footer | ingen beskrivning | Innehåll | valfri |
| Footer background | footer_background | Defines the background color of the footer field. Changing the background can be bad for accessibility, avoid when possible
| Sträng | valfri |
| Footer alignment | footer_align | ingen beskrivning
| Sträng | valfri |