Image Map

links: http://juriglagu.multiply.com/journal/item/1815

Contoh HTML:
<img src=”URL-gambar” alt=”JL” usemap=”#JL” />

<map name=”JL>
<area shape=”rect” coords=”a,b,c,d” alt=”keterangan objek1” href=”URL-objek1” />
<area shape=”circle” coords=”e,f,g” alt=”keterangan objek2” href=”URL-objek2” />
</map>

Hasilnya:
juriglagu

Persegi Lingkaran

Penjelasan:
(a,b) = Titik awal (Persegi)
(c,d) = Titik akhir (Persegi)
(e,f) = Titik pusat (Lingkaran)
g (R) = Jari-jari (Lingkaran)

Note:
Untuk melihat kordinatnya, bisa dilihat dari (Microsoft) Paint

Selamat mencoba!

Credit: peace196 & w3schools

another good article

http://laptopmini.multiply.com/journal/item/65/Tutorial_Image_Map

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

%d bloggers like this: