Imagemap
De Imagemap is een speciaal soort webpagina waarmee je informatie kunt ontsluiten via een afbeelding. Het belangrijkste deel van de pagina is een afbeelding, zoals een kaart, foto of schema. Op de afbeelding markeer je bepaalde plekken, zogenaamde hotspots. Als de bezoeker op zo’n hotspot klikt, krijgt deze meer informatie over dat deel van de afbeelding.
Aan elke hotspot kan aanvullende informatie worden verbonden. Wanneer de bezoeker de hotspot activeert, on-mouse-over of on-click, verschijnt een tekstblok in een pop-up met daarin de redactioneel ingevoerde informatie en naar keuze een interne link, externe link of een download.
Aan een hotspot kan een 'overlay' afbeelding of een icoon worden toegevoegd.
- Een overlay maakt het mogelijk om een gedeelte van de imagemap te 'highlighten' wanneer een bezoeker met de muis overheen gaat. Een overlay toont zodra de muis boven de hotspot zweeft. Wordt de muis buiten de hotspot bewogen, dan verdwijnt de overlay weer.
- Een icoon wordt geplaatst in het midden van de hotspot en toont altijd, ongeacht de positie van de muis. Het icoon vertoont hetzelfde gedrag als de hotspot waar hij bij hoort.
Hotspots
Veen
Veenoxidatie. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Zonder overlay. Zonder icoon. Zonder verwijzing.
Zout
Zoutwinning. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Zonder overlay. Zonder icoon. Met interne verwijzing.
Klei
Uitdroging klei. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Zonder overlay. Zonder icoon. Met externe verwijzing.
Geothermie
Aardwarmtewinning. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
- Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
- Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Zonder overlay. Zonder icoon. Met download.
Steenkool.
Steenkoolwinning.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Met overlay. Zonder icoon. Zonder verwijzing.