Met behulp van image maps kan je in 1 plaatje meerdere aanklikbare velden maken.
<map name="designweb">
<AREA SHAPE=rect COORDS="134,94,204,165" HREF="lessenphp.php">
<AREA SHAPE=circle COORDS="59,59,50" HREF="lessenhtml.php">
<AREA SHAPE=poly COORDS="230,6,254,7,278,28,278,50,254,75,230,75,208,53,207,29" HREF="lessencss.php">
</map> |
Met map geven we aan dat we aan image maps beginnen, het name stuk moet echt, want deze wordt weer opgevraagd bij het plaatje! Met area maken we een nieuwe image map. Shape is de vorm de mogelijkheden zijn: poly(meerhoek), rect(vierhoek), circle(circel).
De co-ordinaten kan je krijgen in paint, photo shop pro, photoshop en in andere grafische programma's.
Bij rect moet je bij COORDS de linkerbovenhoek en de rechteronderhoek opgeven. Dit doe je door x1, y1, x2 en y2.
Bij circle moet je het middelpunt opgeven en de straal bij coords. dit geef je aan door x1, x2 en r. R staat voor radius oftewel de straal.
Bij poly moet je de coords opgeven van alle hoeken dus x1, y1, x2, y2, x3, y3 voor een driehoek enzovoorts.
| <IMG SRC="dw.jpg" border=0 USEMAP="#designweb"> |
Hiermee laad je het plaatje met semap pak je in dit geval de map design-web.
En nu een voorbeeldje:
Als u iets niet snapt kunt u altijd even naar het forum gaan.
|
Login
Actieve topics