Het kan ook zonder de foto te bewerken, met html:
Code: Selecteer alles
<html>
<head>
<title>hotspots</title>
</head>
<body>
Ga met de cursor eens over "User" en daarna over "base".<br>
User zal verwijzen naar www.yahoo.com en base naar www.google.com als je er op klikt...<br>
<img src="http://www.userbase.be/forum/images/top_left.gif" width="134" height="55" border="0" usemap="#hotspots">
<map name="hotspots">
<area shape="rect" coords="7,5,52,50" href="http://www.yahoo.com">
<area shape="rect" coords="71,11,121,50" href="http://www.google.com">
</map>
</body>
</html>
Als voorbeeld hierboven heb ik 2 rechthoeken als "hotspots" aangeduid op een "foto.jpg".
coords="7,5,52,50"
De
coords zijn opgedeeld in X1,Y1,X2,Y2 waarbij X staat voor het aantal pixels vanaf de X-as en Y voor het aantal pixels vanaf de Y-as.
- X1 en Y1 staan voor linksboven
- X2 en Y2 staan voor rechtsonder
Het is ook mogelijk om bijvoorbeeld ronde hotspots te maken.
Zelfs vrije vorm is mogelijk.
Dit alles gaat heel simpel met dreamweaver.
Ik zal eens voorbeeldje toevoegen als attachment: