FANDOM


Tämä sivu kuvailee kuinka mukauttaa kuvagallerioita, diaesityksiä ja liukusäätimiä wikitekstiä käyttäen.

Katso myös perusteet sivulta Ohje:Galleriat, diaesitykset ja liukusäätimet. Huomaatahan, että galleriat ja liukusäätimet eivät tue videoita jos uudet kuvagalleriat eivät ole käytössä.

Galleria

Galleria on kokoelma pikkukuvia, jotka näkyvät sivulla laattoina.

Perusesimerkki

Tässä on gallerian peruskoodi:

<gallery>
Example1.png
Example2.png
Example3.png
</gallery>

Esimerkkejä muunnosten kera

Seuraava koodi tuottaa monimutkaisemman gallerian kuten yläpuolella näytetään:

<gallery navigation="true">
Example1.png
Example2.png|Kuvatekstin kera
Example3.png|'''[[Ohje:Wikiteksti|Wikitekstiä]]''' voi käyttää kuvatekstissä.
Example4.png|Tämä kuva vie sivulle [[Ohje:Sisällöt]].|link=Ohje:Sisällöt
</gallery>

Tässä esimerkissä...

  • Ensimmäisessä on pelkkä kuva.
  • Toisessa on myös kuvateksti.
  • Kolmannessa kuvateksti sisältää wikitekstiä.
  • Neljäs on wiki-sivulle linkitetty kuva, jolla on kuvateksti.

Esimerkkejä muuttujien kera

Jos haluat käyttää muuttujia kuvien sijaan, sinun on vaihdettava lievästi erilaiseen galleriatunnisteeseen, kuten alla näytetään (kolmen kuvamuuttujan ja joidenkin määriteltyjen asetusten kera):

{{#tag:gallery|
{{{1|}}}
{{{2|}}}
{{{3|}}}
|hideaddbutton="true"
|crop="true"
}}

Diaesitys

Diaesitys on kuvamoduuli, joka näyttää yhden kuvan kerralla ja siirtyy automaattisesti esitykseen kuuluvasta kuvasta toiseen.

  • Kissanpentuja!
  • Koiranpentuja!
  • Apinoita!
  • Kirahveja!

Perusesimerkki

Tässä on diaesityksen peruskoodi:

<gallery type="slideshow">
Example1.png
Example2.png
Example3.png
</gallery>

Esimerkkejä muunnosten kera

Seuraava koodi tuottaa monimutkaisemman diaesityksen:

<gallery type="slideshow" hideaddbutton="true" navigation="true">
Example1.png
Example2.png|Kuvatekstin kera
Example3.png|'''[[Ohje:Wikiteksti|Wikitekstiiä]]''' voi käyttää gallerian kuvatekstissä.
Example4.png|Kuvan klikkaaminen vie sinut sivulle [[Ohje:Sisällöt]].|link=Ohje:Sisällöt|linktext=Ohje:Sisällöt
</gallery>

Tässä esimerkissä...

  • Ensimmäinen kohde on pelkkä kuva.
  • Toinen kohde on kuva kuvatekstin kera.
  • Kolmas kohde on kuva, jonka kuvatekstiin kuuluu wikitekstiä.
  • Neljäs kohde on kuva, joka linkittää wikisivulle. Siihen kuuluu myös kuvateksti, sekä linkin kuvaus.

Liukusäädin

Liukusäädin on kuvamoduuli, johon ulottuu koko sivun levyinen kuva ja joko automaattisesti selaa läpi neljä kuvaa.

Vihje: Parhaan tuloksen saamiseksi, käytä kuvia, joiden koko on 670 x 360 pikseliä.

Perusesimerkki

Tässä on liukusäätimen peruskoodi:

<gallery type="slider">
Example1.png
Example2.png
Example3.png
</gallery>

Esimerkkejä muunnosten kera

Seuraava koodi tuottaa monimutkaisemman liukusäätimen:

<gallery type="slider">
Example1.png
Example2.png|Esimerkki 2
Example3.png|Esimerkki 3|linktext=Hienot linkit
Example4.png|Esimerkki 4|link=Ohje:Sisällöt|linktext=Kiinnostavat sivut
</gallery>

Tässä esimerkissä...

  • Ensimmäinen kohde on pelkkä kuva.
  • Toinen kohde on kuva otsikon kera.
  • Kolmas kohde on kuva otsikon ja kuvauksen kera.
  • Neljäs kohde on kuva, joka on linkitetty wiki-sivuun. Se sisältää myös otsikon ja kuvauksen.

Monimutkaisempi liukusäädin muuttujien kera

Jos haluat käyttää muuttujia kuvien sijaan, sinun on vaihdettava lievästi erilaiseen galleriatunnisteeseen, kuten alla näytetään (kolmen kuvamuuttujan ja joidenkin määriteltyjen asetusten kera):

{{#tag:gallery|
{{{1|}}}
{{{2|}}}
{{{3|}}}
|type="slider"
|orientation="right"
|hideaddbutton="true"
}}

Wikiteksti ja vaihtoehdot

Seuraavat viitetaulukot osoittavat mukautusvaihtoehdot näille kaikille kolmelle kuvamoduulille.

Galleria

Tyyppi Wikitekstivaihtoehdot Oletusasetus
Rakennevaihtoehdot
Kuvanl leveys (max) widths=[number of pixels] 200px
Sarakkeiden määrä columns=[number of columns] or perrow=[number of columns] Sovitettu sivun mukaan*
* Jos sarakkeita ei ole määritelty, näkyvien kuvien määrä yhdellä rivillä määräytyy automaattisesti selaimen ikkunan koon mukaan.
Gallerian asettelu position=[left/center/right] Vasemmalla
Kuvien välit spacing=[small/medium/large] Keskellä
Kuvien suuntautuminen ja rajaus orientation=[none/landscape/portrait/square] Ei mitään
Kuvatekstin vaihtoehdot
Kuvatekstin sijainti captionposition=[within/below] Alapuolella
Kuvatekstin kohdistus captionalign=[left/center/right] Vasemmalla
Kuvatekstin väri captiontextcolor=[hex color code] Artikkelin tekstin väri
Rajausvaihtoehdot
Reunaviivan paksuus bordersize=[none/small/medium/large] Pieni
Reunojen väri bordercolor=[hex color code] Korostusteemavääri
Muut
Piilota "Lisää kuva" -painike hideaddbutton=true Ei piilotettu
Gallerian kuvateksti caption=[text displayed] Ei kuvatekstiä
Kuvat
Kuvat ovat erotettu rivinvaihdoilla.
Kuvatekstit ovat vaihtoehtoisia. Hakasulkeita käytetään lisäämään linkkejä kuvatekstiin.
Linkit ovat vaihtoehtoisia, ja käytä koodia link=

Diaesitys

Tyyppi Wikitekstivaihtoehdot Oletusasetus
Rakennevaihtoehdot
Kuvan leveys (maksimi) widths=[number of pixels] 300px
Rajaus crop=[true] Ei rajausta
Viimeisimpien latausten näyttäminen showrecentuploads=[true] Ei näytetä
Diaesityksen asema position=[left/center/right] Oikealla
Muut
Piilota "Lisää kuva" -painike hideaddbutton=true Ei piilotettu
Diaesityksen kuvateksti caption=[text displayed] Ei kuvatekstiä
Kuvat
Kuvat on erotettu rivinvaihdoilla.
Kuvatekstit ovat vaihtoehtoisia. Hakasulkeita käytetään lisäämään linkkejä kuvatekstiin.
Linkit ovat vaihtoehtoisia, ja käytä koodia link=

Liukusäädin

Tyyppi Wikitekstivaihtoehdot Oletusasetus
Rakennevaihtoehdot
Suuntautuminen orientation=[left/right] Pohja
Kuvat
Kuvat erotetaan toisistaan rivinvaihdoilla.
Otsikot ovat vapaaehtoisia.
Linkit ovat vapaaehtoisia, ja voit käyttää koodia link=
Alaotsikot ovat vapaehtoisia, ja voit käyttää koodia linktext=

Katso myös

Lisäohjeet ja palaute

Community content is available under CC-BY-SA unless otherwise noted.