Wikia


Deze functie is standaard actief op elke wiki.

Met de imageMap extensie is het mogelijk om mensen naar verschillende plaatsen te sturen wanneer ze op een afbeelding klikken. Dit hangt allemaal af van waar je op de afbeelding klikt.

Nadat je een afbeelding hebt ingevoegd, kunnen we bepaalde zones op de afbeelding aanduiden waaraan we links kunnen toewijzen.

Opm: Als je een afbeelding in zijn geheel naar ergens wil linken, kan je gewoon de |link= functie van afbeeldingen gebruiken.

Hoe maak ik een ImageMap?Edit

De ImageMap gebruikt de volgende code:

<imagemap>
#afbeelding hier (met opties)

#gedefinieerde zones hier (alle poly lijnen eerst)

#locatie van de beschrijvingsknop (bottom-left, bottom-right, top-left, top-right, none)
</imagemap>

Alle lijnen met # zijn enkel commentaar en worden genegeerd.

ZonesEdit

Elke gedefinieerde zone bestaat uit 3 verschillende delen:

  1. Soort figuur: Cirkel (circle), Rechthoek (rect), of meerzijdige figuur (poly).
  2. Coordinaten van de punten die de figuur vormen.
  3. Link naar waar deze zone gaat.

Opm: Alle poly lijnen moet komen voor alle andere figuren.

SyntaxEdit

CirkelEdit

circle X Y R [[link]]
Met
  • X = de X coördinaat van het centrum
  • Y = de Y coördinaat van het centrum
  • R = de straal van de cirkel

Voorbeeld

Je typt: Je krijgt:
<imagemap>
Bestand:Circle.jpg|200px
circle 230 135 37 [[:Bestand:Circle.jpg]]
desc bottom-left
</imagemap>
Bestand:Circle.jpgCircle
Over deze afbeelding

RechthoekEdit

rect X1 Y1 X2 Y2 [[link]]
Met
  • X1 = X coördinaat linksboven
  • Y1 = Y coördinaat linksboven
  • X2 = X coördinaat rechtsonder
  • Y2 = Y coördinaat rechstonder
Je typt: Je krijgt:
<imagemap>
Bestand:Rect.jpg|200px
rect 87 87 300 183 [[:Bestand:Rect.jpg]] 
desc top-right
</imagemap>
Bestand:Rect.jpgRect
Over deze afbeelding

PolygoonEdit

poly X1 Y1 X2 Y2 X3 Y3 .... [[link]]
Met
  • X? = Een X coördinaat
  • Y? = De bijhorende Y coördinaat
Je typt: Je krijgt:
<imagemap>
Bestand:poly.jpg|200px
poly 122 87 170 112 267 123 267 219 194 255 146 195 [[:Bestand:Poly.jpg]]
desc none
</imagemap>
Bestand:Poly.jpgPoly
Community content is available under CC-BY-SA unless otherwise noted.