Sandbox:imagemap
Deze sandbox is bedoeld om imagemaps te maken en te testen.
- Haal waar nodig de tekst onder de kop Huidig project weg, of maak een nieuwe kop aan.
- Plaats onder de kop de code voor de imagemap die je op de bestandspagina hebt gegenereerd, sla de pagina opnieuw op en bekijk het resultaat: kun je doorklikken op de juiste plekken en kom je dan op de juiste bestemming terecht?
Zo nee, pas de gebieden dan aan op de bestandspagina en vervang de code.
Code aanvullen voor een beter resultaat[bewerken]
Grootte, uitlijning en alt-tekst toevoegen[bewerken]
Voeg de volgende code toe direct na de bestandsnaam:
|thumb|400px|none|alt= |onderschrift
Hiermee zorg je dat de afbeelding als een thumbnail getoond wordt.
- Pas waar nodig het aantal px aan om de afbeelding groter of kleiner te maken.
- Vul achter het =teken de alternatieve tekst in die getoond of voorgelezen wordt als de afbeelding niet te zien is.
- De code onderschrift kun je veranderen in elke gewenste tekst (inclusief links)
- Standaard staat er nu geen tekst meer naast de imagemap. Je kunt er voor kiezen om de afbeelding uit te lijnen (vervang none door left of right of center) zodat er wel tekst naast kan komen te staan.
Default-bestemming toevoegen[bewerken]
Je hebt gebieden gedefinieerd binnen de imagemap met een eigen bestemming, maar wat gebeurt er als je buiten die gebieden klikt? Standaard kom je dan op de bestandspagina uit. Wil je mensen liever ergens anders heen sturen, voeg dan een default-bestemming toe.
Voeg een extra regel code in net voor:
</imagemap>
en zet daar neer:
def [[link]]
Waarbij je in plaats van het woordje link de titel zet van de pagina waar je mensen heen wilt sturen.
Code opslaan en testen[bewerken]
Vergeet niet je wijzigingen op te slaan en vervolgens dd imagemap te testen. Ben je tevreden, kopieer de volledige code dan naar de plek waar je de inagemap wilt tonen. Dat kan ook in een sjabloon zijn, als je de imagemap op meerdere plekken wilt gebruiken (bijvoorbeeld op alle pagina's van bestemming).