Gebruiker:Mar(c)/Galerijen

Uit Wikipedia, de vrije encyclopedie

Vergelijking van de bestaande mogelijkheden[bewerken | brontekst bewerken]

Tag: <gallery>

<gallery caption="titel" widths="maximale breedte" heights="maximale hoogte" perrow="maximum aantal per rij" showfilename="willekeurige tekst">
bestandsnaam|onderschrift
...
</gallery>
  • Voordeel: Voor de onderschriften hoeft het aantal regels niet opgegeven te worden; de onderschriften hebben dus ook geen vaste grootte.
  • Nadeel: De centrering van de afbeeldingen binnen de kaders wordt gedaan door de marge te berekenen aan de hand van de uiteindelijke grootte van de betreffende afbeelding. Deze marge (en daarmee de grootte van de kaders) kan dus niet middels een style of sjabloon aangepast worden.
  • Andere aspecten zouden wel bijvoorbeeld in de common.css van nl.wikipedia aangepast kunnen worden, zoals de buitenste marges en de fontgrootte van de onderschriften.

Sjabloon: {{Gallery}}

{{Gallery|titel=titel|breedte=maximale breedte en hoogte|regels=aantal regels
|bestandsnaam|onderschrift
...
}}
  • Voordeel: Omdat er van een sjabloon gebruik gemaakt wordt, kan de lay-out volledig aangepast worden, zodat deze past binnen de lay-out van nl.wikipedia, zoals de fontgrootte van de onderschriften gelijk aan de fontgrootte van de onderschriften bij de thumbs.
  • Nadeel: De hier gebruikte methode om de afbeeldingen naast elkaar te krijgen, en tevens netjes teruglopend op de volgende regel (bij kleinere breedte van de browser), maakt het gebruik van de parameter regels onvermijdelijk.[1]
  • Nadeel: Bij <gallery> is elke nieuwe regel een volgende afbeelding, maar in een sjabloon mogen de pipes (|) niet vergeten worden: steeds één voor de bestandsnaam en één voor het onderschrift – óók als er geen onderschrift gewenst is.

Nieuw voorstel[bewerken | brontekst bewerken]

Sjabloon: {{Gebruiker:Mar(c)/Sjabloon:Galerij}}

{{Gebruiker:Mar(c)/Sjabloon:Galerij|titel=titel|breedte=maximale breedte|hoogte=maximale hoogte
|bestandsnaam|onderschrift
...
}}
  • Voordeel: Maakt gebruik van de constructie van <gallery> om afbeeldingen naast elkaar en netjes teruglopend te krijgen. Bij deze methode is een vastliggende hoogte (vastliggend aantal regels) van het onderschrift niet nodig (de parameter regels komt dus te vervallen).[2]

Verschillen in lay-out:

  • De onderschriften hebben geen vaste hoogte meer en (dus) ook geen scrollbars.
  • Geen kader om de onderschriften (en geen achtergrondkleur).
  • Standaard geen kader om de hele galerij.
  • De titel boven de galerij is standaard gecentreerd in de totale beschikbare ruimte, niet gecentreerd t.o.v. de afbeeldingen.

Vervallen parameters:

  • regels - Vast aantal regels is niet meer nodig.

Ongewijzigde parameters:

  • titel of caption - De titel van de galerij.
  • breedte - De maximale breedte van elke afbeelding (standaard 180 pixels).

Optionele parameters die ook in <gallery> zitten:

  • hoogte - De maximale hoogte van de afbeeldingen kan ook ingesteld worden (standaard gelijk aan de maximale breedte).
  • toonbestandsnaam of showfilename - De bestandsnaam onder elke afbeelding weergeven.
  • perrij of perrow - Het maximale aantal afbeeldingen per rij instellen.

Extra optionele parameters:

  • marge - De marge rond de afbeeldingen (binnen de kaders) aanpassen (standaard 10 pixels).
  • kader - Een kader rond de gehele galerij te tonen.

Voetnoten[bewerken | brontekst bewerken]

  1. Elke afbeelding+onderschrift is een <table> met float:left; als de hoogte van het onderschrift variabel is, is de hoogte van afbeelding+onderschrift niet altijd gelijk, waardoor het misgaat bij de uitlijning van de volgende rij afbeeldingen.
  2. Elke afbeelding+onderschrift is met display:inline-block een "block" element op dezelfde regel geworden; een volgende rij afbeeldingen is een volgende regel, dus geen problemen met de uitlijning.