Sjabloon:Overlay

[[Afbeelding:{{{float}}}|{{{float_width}}}|{{{float_caption}}}]]

[[Afbeelding:{{{base}}}|{{{base_width}}}|{{{base_caption}}}]]

---

Gebruik

Dit sjabloon zet een plaatje over een ander plaatje heen, en positioneert het bovenste plaatje relatief ten opzichte van de linkerbovenhoek van het onderste plaatje. Hoewel het originele idee slechts inhield dat er een punt op een kaart getekend kon worden, met bewerkbare coördinaten, kan het gebruikt worden om twee plaatjes voor elk gewenst doel met precisie over elkaar heen te leggen. te denken valt aan schaakdiagrammen met actiepijlen.

Gebruiksaanwijzing

De onderstaande wikicode zet twee plaatjes over elkaar:

{{Overlay
 | base = Wijn.jpg
 | base_width = 200px
 | base_caption = Wijnglas
 | float = User.png
 | float_width = 10px
 | float_caption = User
 | x = 83
 | y = 53
}}

De afbeelding in 'base' vormt de achtergrond, die in 'float' wordt er op geplaatst.

Parameters

base:	bestandsnaam van de 'base'-afbeelding, in dit geval de kaart van de VS
base_width:	gewenste breedte van de 'base'-afbeelding, in pixels
base_caption:	tekst in popupje als de muis op de 'base'-afbeelding geplaatst wordt
float:	bestandsnaam van de 'float'-afbeelding, hier een rode stip
float_width:	gewenste breedte van de 'float'-afbeelding, in pixels
float_caption:	tekst in popupje als de muis op de 'float'-afbeelding geplaatst wordt
x:	positie van de 'float' t.o.v. de linkerrand van de 'base', in pixels of een andere standaard CSS-eenheid
y:	positie van de 'float' t.o.v. de bovenrand van de 'base', in pixels of een andere standaard CSS-eenheid

Resultaat

Opmerkingen

• Bij 'base_width' en 'float-width' moet de waarde gevolgd worden door "px", bij 'x' en 'y' mag dat juist niet.
• De uit het Engels vertaalde uitleg over 'x' en 'y' in pixels of een andere CSS eenheid klopt niet, hier wordt nog aan gewerkt.
• De positie van 'float' wordt mede bepaald door 'base_width': bij een wijziging moeten 'x' en 'y' evenredig vergroot of verkleind worden.
• De waarden in 'x' en 'y' gelden voor de linkerbovenhoek van 'float', dus niet voor het middelpunt. Deze afwijking moet gecompenseerd worden door 'x' en 'y' te verminderen met de helft van 'float_width' (aangenomen dat hoogte en breedte van 'float' even groot zijn).