Felhasználói eszközök

Eszközök a webhelyen


oktatas:web:html:html_imagemap

< HTML

ImageMap

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

oktatas/web/html/html_imagemap.txt · Utolsó módosítás: 2019/08/22 19:17 szerkesztette: admin