Nodig: Paint Shop Pro (ik heb hier versie 7.04 gebruikt)

 

Eenvoudige image map

Ik weet niet zo gauw een Nederlandse benaming voor 'image map'. Ik omschrijf het maar als een afbeelding met plekken erop die ieder afzonderlijk aanklikbaar zijn.

Helemaal onderaan een foto waarop ik 3 teksten heb gezet. Om van iedere tekst een hyperlink te maken, zul je de afbeelding in drie stukken moeten verdelen. Als ik bij wijze van spreken Terschelling erbij had gezet, had ik de foto in vieren moeten opdelen.
Dat opdelen heb ik met het bijsnij-gereedschap van PSP gedaan
(Kan echter ook met de functie image map/segmentering van PSP of het programmaatje Splitz. Zie onderaan de pagina).

Het Vlieland-gedeelte heb ik opgeslagen als map1.jpg,
het Schiermonnikoog-gedeelte als map2.jpg en
het Ameland-gedeelte als map3.jpg.

* * *

Toen heb ik de volgende code gebruikt:

<A HREF="http://www.vlieland.net/"> <IMG SRC="map1.jpg" WIDTH="116" HEIGHT="263" ALT="image map1" BORDER="0"></A><A HREF="http://www.touristinfo-schiermonnikoog.nl/"><IMG SRC="map2.jpg" WIDTH="159" HEIGHT="264" ALT="image map2" BORDER="0"></A><A HREF="http://www.ameland.nl/prod/ameland/ameland.nsf"><IMG SRC="map3.jpg" WIDTH="126" HEIGHT="264" ALT="image map3" BORDER="0"></A>

En dit is het resultaat:

Als je op nu op Vlieland klikt, word je doorgelinkt naar het VVV-kantoor van Vlieland. Als je op Schiermonnikoog en Ameland klikt, word je naar die respectievelijke VVV-kantoren doorgelinkt.

* * *

Nogmaals, eigenlijk is dit een nep-image map. In een echte image map staan coördinaten vermeld. PSP heeft een image map-functie aan boord. Die kun je dus ook gebruiken!

---

Zie ook Image Map (PSP 9.01);
Splitz, een eenvoudige image map-maker

en aanverwant onderwerp:
Image slicer/segmentering van PSP 9.01.

 

Start | Tutorials | Korte Lesjes | CSS | Fonts | Filters | Links | Allerlei | Zoeken | P-Filiaal