Inhoud
Index 🔎︎

# Aanklikbare hotspots aan afbeeldingen toevoegen

Met een ImageMap kunt u URL's koppelen aan specifieke gebieden (hotspots genaamd) op een afbeelding in uw document. Een Image Map is een groep met één of meer hotspots.

U kunt drie typen hotspots tekenen: rechthoeken, ellipsen en veelhoeken. Wanneer u op een hotspot klikt, wordt de URL geopend in het browservenster of frame dat u specificeert. U kunt ook de tekst specificeren die verschijnt wanneer uw muiscursor op de hotspot staat.

## Zo voegt u een aanklikbare hotspot aan een afbeelding toe:

1. Zet de cursor op de plaats waar u de Image Map in uw document wilt hebben.

2. Kies Invoegen - Afbeelding, selecteer een bitmapafbeelding en voeg deze in.

3. Kies met de afbeelding geselecteerd Extra - ImageMap om de ImageMap-bewerker te openen, die de geselecteerde afbeelding weergeeft en de bewerkingshulpmiddelen voor hotspots.

4. Gebruik de pictogrammen in de ImageMap-editor om een hotspotvorm, bijvoorbeeld een rechthoek, over de afbeelding op de achtergrond te tekenen.

   U kunt de uitgebreide helptekst voor de functies van elk pictogram zien als u Uitgebreide help inschakelt in LibreOfficeDev - VoorkeurenExtra - Opties - LibreOfficeDev - Algemeen.

5. Voer de 'Adres'-URL in die in een webbrowser weergegeven wordt wanneer de gebruiker op de hotspot klikt.

6. U kunt desgewenst ook de 'Tekst' invoeren die als tip wordt weergegeven wanneer de gebruiker de muisaanwijzer op de hotspot zet.

7. Klik op de knop Toepassen om uw wijzigingen toe te passen, en sluit de ImageMap-editor.

8. Sla het document op in de LibreOfficeDev- of HTML-indeling.

U kunt de ImageMap bijvoorbeeld als een bestand opslaan en dat bestand naar een webserver uploaden.

### ImageMap

Een ImageMap is een referentiegevoelige afbeelding of frame. U kunt op gedefinieerde gebieden van de afbeelding of het frame klikken om naar een doel te gaan (URL), dat is gekoppeld met het gebied. De referentiegebieden, samen met de gekoppelde URL's en de bijbehorende tekst die worden weergegeven wanneer de muisaanwijzer op deze gebieden rust, worden gedefinieerd in de ImageMap Editor.

Er zijn twee verschillende typen ImageMaps. Een ImageMap aan de clientzijde wordt geanalyseerd op de clientcomputer, waarop de afbeelding vanaf het internet geladen is, terwijl de ImageMap aan de serverzijde wordt geanalyseerd op de computer die de HTML-pagina op het internet aanbiedt. Tijdens de serveranalyse worden bij het klikken op een ImageMap de relatieve coördinaten van de cursor binnen de afbeelding naar de server verzonden, waarop vervolgens door een toegewezen programma op de server gereageerd wordt. Tijdens de clientanalyse wordt bij het klikken op een gedefinieerde hotspot van de ImageMap de URL geactiveerd, alsof het een normale tekstkoppeling is. De URL verschijnt onder de muisaanwijzer wanneer deze over de ImageMap bewogen wordt.

Aangezien ImageMaps op verschillende manieren kunnen worden gebruikt, kunnen ze in verschillende indelingen worden opgeslagen.

### Indelingen voor ImageMaps

ImageMaps kunnen worden onderverdeeld in twee groepen: de ImageMaps die worden geanalyseerd op de server (uw internetprovider) en de ImageMaps die worden geanalyseerd op de webbrowser op de computer van de lezer.

### ImageMaps aan serverzijde

ImageMaps aan de serverzijde verschijnen voor de lezer als een afbeelding of frame op de pagina. Klik met de muis op de ImageMap, waarna de coördinaten van de relatieve positie naar de server worden verzonden. Met behulp van een extra programma wordt op de server bepaald wat de volgende stap is. Er zijn verschillende niet-compatibele methoden om deze verwerking te definiëren, de twee meest gebruikelijke zijn:

- W3C (CERN) HTTP-server (bestandstype: MAP - CERN)

- NCSA HTTP-server (bestandstype: MAP - NCSA)

LibreOfficeDev maakt voor beide methoden ImageMaps. Selecteer de indeling in de keuzelijst Bestandstype van het dialoogvenster Opslaan als in de ImageMap-editor. Er worden afzonderlijke Map-bestanden gemaakt die u moet uploaden naar de server. U moet uw provider of netwerkbeheerder vragen welk type ImageMap wordt ondersteund door de server en hoe u toegang krijgt tot het evaluatieprogramma.

### ImageMaps aan clientzijde

Het gebied van de afbeelding of frame waar de lezer kan klikken wordt aangegeven bij het verschijnen van de gekoppelde URL als de muis over het gebied wordt bewogen. De ImageMap is opgeslagen in een laag onder de afbeelding en bevat informatie over de gebieden waarnaar verwezen wordt. Het enige nadeel van clientzijde ImageMaps is dat oudere webbrowsers ze niet kunnen lezen; een nadeel dat echter in de loop van de tijd vanzelf verdwijnt.

Selecteer bij het opslaan van de ImageMap het bestandstype SIP - StarView ImageMap. Hierdoor wordt de ImageMap direct opgeslagen in een indeling die kan worden toegepast op elke actieve afbeelding of frame in uw document. Als u de ImageMap echter alleen op de huidige foto of frame wilt gebruiken, hoeft u deze niet in een speciale indeling op te slaan. Na het definiëren van de regio's, klikt u eenvoudig op Toepassen. Niets meer is nodig. ImageMaps aan de clientzijde die zijn opgeslagen in HTML-indeling worden rechtstreeks in de pagina in HTML-code ingevoegd.