< HTML

ImageMap

Szerző: Sallai András

Copyright © 2024, Sallai András

Szerkesztve: 2024

Licenc: CC BY-SA 4.0

Web: https://szit.hu

Bevezetés

Lehetővé teszi egy képen vagy objektumon területek kijelölését, a területekhez pedig események rendelhetők: dokumentum elérése vagy egy program indítása.

Típusok

kliensoldali

szerveroldali

Cél - egyszerű példával

Adott egyetlen kép, amelynek egyes részein kattintva, mindig más weblapot szeretnénk betölteni.

Böngészőben

A kiindulási oldal így néz ki:

Erről az oldalról szeretnénk elérni a következő három oldalt:

Négyszög megadása

Kép beillesztés és kép térkép használata

<img src="Névtelen" width="640" height="400" border="0" usemap="#map" /> <map name="map"> Ide jönnek a térképek </map>

Térképek megadása

Négyszög alakzat meghatározása

<area shape="rect" coords="62,68,438,291" href="masiklap.html" />

coords="x1,y1,x2,y2"

A koordináták:

bal felső sarok:

x1, y1

A példában 62 és 68

A jobb alsó sarok

x2, y2

a bal alsó sarok

Kör megadása

<area shape="circle" coords="458,341,35" href="harmadik.html" />

coords="x, y, r"

Az x, y és koordintáa és a sugár.

Sokszög megadása

<area shape="poly" coords="479,67,581,88,565,179,493,199,476,155" href="negyedik.html" />

coords=„x1,y1, x2,y2, x3,y3, x4,y4, x5,y5”

Linkek

http://www.w3.org/TR/html401/struct/objects.html#h-13.6