Wikipedia:Gallerier

Manual
För läsare Övergripande Om Wikipedia Sökning Versionshistorik Ordlista Typer av sidor Namnrymder Artiklar Kategorier Portaler Användarsidor Diskussionssidor Specialsidor Undersidor Förgreningssidor Årskrönikor Namnrymden Wikipedia Typer av användare Användare Faddrar Tillbakarullare Administratörer IP-kontrollanter Byråkrater Robotar Gruppbehörigheter Ämnesorienterade användarguider För lärare För vandrare För släktforskare Övrigt Önskelista Wikipedia som källa Att återanvända material från Wikipedia Mobil vy
För skribenter Användarkonto Användarkonto Varför skapa ett konto? Logga in / skapa konto Användarnamn Bevakningslistan Användarbidrag Inställningar Skicka e-post Redigering Redigering Avsnitt, stycken, listor och rader Att skapa en ny artikel Bilder (tekniskt) Ljud Ladda upp filer Flytta sida Infoga sida Mindre ändring Sammanfattningsfältet Signera diskussionsinlägg Diffar Redigeringskonflikt Verktyg Wikilänkar Källhänvisningar Externa länkar Interwikilänkar Mallar Faktarutor Wikidata Listor Tabeller Taggar Gallerier Citat Färger Omdirigeringar Specialtecken Matematiska uttryck Avancerade hjälpmedel Magiska ord Personliga stilmallar och skript Externa hjälpmedel AutoWikiBrowser Twinkle Databasnerladdning
För administratörer Manual för administratörer Blockeringar Skrivskydd Raderingar Tillbakarullning
Se även Hjälp Frågesidor Introduktion Deltagarportalen Stilguide Policy och riktlinjer Manualen (PDF) Så fungerar Wikipedia (PDF)
visa • redigera

Du kan skapa bildgallerier på Wikipedia med hjälp av <gallery>-taggen i MediaWiki. Detta är ett enkelt sätt att visa ett stort antal bilder på.

Det är även möjligt att som alternativ använda tabeller, vilka bland annat kan styra storleken för varje illustration i detalj. Om användaren inte vill detaljstyra bildlayouten, eller känner sig tveksam om det lämpligaste alternativet, rekommenderas att använda <gallery mode="packed">. Genom att undvika detaljstyrning överlåts åt användarens bildskärm/läsplatta och programvara att anpassa artikellayouten lokalt.

Undvik gallerier där de inte har hela sidbredden. Till exempel kan ett galleri i början av en artikel se bra ut på en bred skärm medan det på andra orsakar ett stort tomrum bredvid en faktaruta och sedan visas nedanför denna.

Se även Wikipedia:Teknisk manual för illustrationer.

Gallerier med gallery-taggen

<gallery>-taggens grundläggande syntax är:

<gallery>
Wikipedia-logo-sv.png
Wikipedia-logo-no.png|Bildtext.
Wikipedia-logo-nn.png
Wikipedia-logo-da.png|[[Wikipedia|Länkar]] kan läggas in i bildtexter.
Wikipedia-logo-fi.png
Wikipedia-logo-en.png|Full [[MediaWiki]]-[[syntax]]<br />kan också användas.
</gallery>

Vilket ger:

• 
• 
  Bildtext.
• 
• 
  Länkar kan läggas in i bildtexter.
• 
• 
  Full MediaWiki-syntax
  kan också användas.

Notera att det inte finns några hakparenteser för bilder, endast för länkar i bildtexter. Bildtext är valfritt. Varje bild och tillhörande text skrivs på separata rader, och texten måste skrivas i sin helhet på en rad.

Här är ett lite mer avancerat exempel:

<gallery caption="Ett galleri med blommor" widths="100px" heights="70px" perrow="3" style="color:darkgreen">
Ipomoea violacea.jpg | ''Ipomoea tricolor'', "Heavenly Blue". 
Ipomoea purpurea1ULBO.jpg | ''Ipomoea purpurea''.
Hsabdariffa1.jpg | ''Hibiscus sabdariffa''.
MalvaSylvestris-CloseUp-hr.jpg | ''Malva sylvestris''.
Hibiscus trionum bgiu 02.jpg | ''Hibiscus trionum''.
Rosa davidii1ANLU.jpg | ''Rosa davidii''.
</gallery>

Vilket ger följande utseende:

• Ett galleri med blommor
• 
  Ipomoea tricolor, "Heavenly Blue".
• 
  Ipomoea purpurea.
• 
  Hibiscus sabdariffa.
• 
  Malva sylvestris.
• 
  Hibiscus trionum.
• 
  Rosa davidii.

Här styrs utseendet mer i detalj med ett antal attribut inom gallery-tagen:

• caption - rubriktext för hela galleriet (för att centrera rubriktexten använd perrow och ange samma värde som det finns bilder i bredd)
• widths - bredd på bildrutorna, anges i pixlar
• heights - höjd på bildrutorna, anges i pixlar
• perrow - antal bilder per rad
• align - placering av galleriet på sidan. Detta attribut skall ges något av värdena left, center eller right
• style - formateringsregler angivet med css-kommandon. I det aktuella fallet har texten gjorts kursiv och fått mörkgrön färg.

Observera att attributens skrivs enligt namn="värde", medan css-kommandon skrivs enligt "namn:värde;" och att hela listan av dem ska omges med citattecken på samma sätt som de andra attributvärdena.

Notera att länkar inte behåller den textformatering, i det här fallet färg, som anges i gallery-koden.

Gallerier med tabeller

Gallerier kan även skapas med hjälp av tabeller. En fördel är att man då kan styra storleken per bild exakt, men istället är det lite mer komplicerat. Nackdelen är att tabellen inte anpassar sig efter storleken på webbläsaren på samma sätt som ett galleri gör. Här är ett exempel från Stockholms slott:

{|
 |[[Fil:Stockholm Castle north facade from the east.JPG|miniatyr|250px|Norra fasaden och [[Lejonbacken]].]]
 |[[Fil:Stockholm Palace staircase.jpg|miniatyr|125px|Trapphall.]]
 |[[Fil:Yttre borggården från Storkyrkans torn.jpg|miniatyr|250px|Yttre borggården vy från [[Storkyrkan]]s torn.]]
|}

...vilket resulterar i:

Gallerier med mode="packed"

Med mode="packed" visas bilderna utan "ram" och alla får automatiskt samma höjd oavsett format. Bildraden centreras på artikelsidan och bildtexten centreras under bilden. Här ett exempel från Velamsund:

<gallery mode="packed">
Fil:Velamsundsviken 2015.jpg|Velamsundsviken mot norr.
Fil:Velamsund Insjön 2015.jpg|Insjön med badplatsen.
Fil:Velamsund magasinet.jpg|Velamsunds gård.
Fil:Velamsund 1886.jpg|Vindflöjeln.
Fil:Velamsunds vinberg 2015.jpg|Vinberget.
</gallery>

...vilket resulterar i:

• 
  Velamsundsviken mot norr.
• 
  Insjön med badplatsen.
• 
  Velamsunds gård.
• 
  Vindflöjeln.
• 
  Vinberget.

Attribut och värden

• mode= Stilparameter
  • traditional Förinställning
  • nolines Ingen ram och mindre "luft" omkring bilderna
  • packed Alla bilder får samma höjd
  • packed-overlay Som packed, men en bildtext hamnar över delar av bilden, i en genomskinlig ruta
  • packed-hover Som packed-overlay, men bildtexten syns endast vid mouseover (görs om till packed-overlay på tryckkänslig skärm)
  • slideshow Diavisning
• caption= Lägger till en rubrik för hela bildgalleriet
• widths= Bildbredd i pixlar (gör ingen skillnad vid packed, packed-overlay, packed-hover eller slideshow)
• heights= Bildhöjd i pixlar (gör ingen skillnad vid slideshow)
• perrow= Antal bilder per bildrad (gör ingen skillnad vid packed, packed-overlay, packed-hover eller slideshow)
• showfilename=yes Visar bildens filnamn under respektive bild
• class= Ett eller flera class-namn separerade av mellanslag och omgivna av raka, dubbla citattecken
• style= En eller flera CSS-deklarationer separerade av semikolon och omgivna av raka, dubbla citattecken

Råd och kommentarer

• Attributet perrow måste användas med urskiljning, eftersom det förhindrar en omflödning av bildraderna vid breda eller smala bredder på skärm eller webbläsarfönster. Attributet bör dock användas där ett fast utseende på galleriet är önskvärt, som vid olika slag av grafiska jämförelser mellan olika bilder.
• Den förinställda bredden och höjden är för närvarande 120px. Var försiktig med att specificera större bildstorlekar. Mode packed justerar automatiskt bildstorlekarna efter tillgänglig artikelbredd.
• När perrow inte används varierar galleribredden. En bildrad innehåller då så många bilder som får plats på skärmen/i webbläsarfönstret.
• Före MediaWiki 1.17 var förinställningen 4 bilder per bildrad. Numera rekommenderas att inte använda perrow.
• Varje rad i koden är en fil. Koden File: gör ingen skilnad. Den kan dock vara användbart att ha med, som en hjälp för att hitta bilderna i wikikoden vid senare redigeringar.
• Koden "thumb", mini" eller "miniatyr" kan inte användas, och bildtexter är inte nödvändiga. Bildtexten skiljs från den övriga koden med hjälp av ett lodstreck ("|").
• Hakparenteser ("[" eller "]") får inte användas, utom för länkning inuti bildtexten.

Alternativ till galleri

För att enkelt lägga två bilder intill varandra kan även mallen {{Dubbel bild}} användas.

Exempel på {{dubbel bild}}.

Mallen {{Multiple image}} kan användas för godtyckligt antal bilder. Exempel:

Gult kort.

Rött kort.

Blått kort.

Externa länkar

• mw:Help:Images#Rendering a gallery of images (engelska)
• m:Help:Images and other uploaded files#Gallery (engelska)