Kategoriler

Resimlerde 'MAP' kullanimi

SakliMavi

Resimlerde 'MAP' kullanimi

Resimlerde 'MAP' kullanimi


Map'ler bir resmin degisik yerlerine tiklandiginda degisik baglarin yuklenmesi veya degisik bir cgi-bin isinin yapilmasi olarak tanimlanir.

Burada kullanacagimiz resmin '.gif' biciminde olmasi gereklidir. Sayfanin icinde bu resmi tanimladigimiz '<img ...' belirtecinin icine bir kac unsur daha ekleyerek ve bir de 'map' (harita) alaninin kisimlarini sekilleriyle birlikte tanimlayarak isimizi bitiririz.


. Resmin betimi:


<img src="filanca.gif" ISMAP usemap="#falanca" width=160 height=100>

ISMAP, resmin bir harita oldugunu.
usemap="..." hangi harita tanimini kullanmasi gerektigini, www gosterici programina soyluyor.


. Haritanin tanimi:


<map name="falanca">
<area shape="rect" coords"1,1,159,50" href="dikdortgen.html">
<area shape="circle" coords="80,100,40" href="daire.html">
<area shape="polyg" coords="10,110,150,110,80,190,9,110" href="ucgen.html">
<area shape="default" nohref>
</map>


name ile belirttigimiz isim '<img ..' icinde usemap="#..." ile kullandigimizin aynisi.
shape belirteci ile dikdortgen, daire, ya da poligon tanimlayabiliyoruz. Dikdortgenin koordinatlarini: X-sol_ust,Y-sol_ust,X-sag_alt,Y-sag_alt biciminde 'coords="..." ' kisminda belirtiyoruz. 'href="..." ' bolumu ise bu dikdortgen alana tiklanildiginda neyin yuklenmesi gerektigini soyluyor.


Cember icin X-merkez,Y-merkez,R-yaricap biciminde koordinat tanimliyoruz.

Poligonu tanimlarken sirayla ker bir kosenin X,Y biciminde koordinatlarini giriyoruz. Dikkat etmemiz gereken husus, poligonun noktalarini saat-yonunde tanimlamamiz gerektigidir. Ayrica poligonu kapamaya da tarayici programlar arasinda uyumsuzluk nedeniyle dikkat etmeliyiz. Yukaridaki ucgen ornegini incelemek aslinda poligon tanimi yapabilmek icin yeterli. Ucgen icin dort nokta kullandik (dorduncu ilkinin dibinde). Ayni zamanda bu ucgenin X,Y betimlemeleri de saat-yonunde girilmis (noktalari kagit uzerinde yaklasik olarak isaretlerseniz bu 'saat-yonu' kavramini daha iyi anlayabilirsiniz).

son olarak da '<area shape="default" nohref>' ile resmin diger bolgelerine tiklanildiginda hic bir sey yapilmamasi gerektigini soyluyoruz.

Evet bir 'map' tanimi icin gerekenler bu kadar.






Bu sayfa hakkında yorum ekle:
İsminiz:
E-mail adresiniz:
Mesajın:

Bugüne kadar 51607 ziyaretçi (132900 klik) kişi burdaydı!

=> Sen de ücretsiz bir internet sitesi kurmak ister misin? O zaman burayı tıkla! <=