شهر زيبا

Map کردن تصاوير در HTML نويسي   

يکي از امکانات جديد و جالب که به زبان HTML4.0 اضافه شده Map کردن تصاوير است .

براي تعريف يک Image به عنوان Map از کد Html زير استفاده مي کنيم :

<IMG height="100" isMap src=

"map.jpg" width= "800" useMap= "#map1" >

در نمونه کد بالا Height و Whidth همان طور که معلوم است خصوصيات طول و عرض را بر حسب پيکسل معلوم مي کند .

عبارت isMap نشان دهنده ي اين است که اين عکس Map شده است و useMap به عنصر Map با نام Map1 اشاره مي کند که در زير آن را مي آوريم :

<MAP name="map1">

<AREA shape="RECT" coords= "0,0,100,50" href=

"http://www.prdev.com">

<BR>

<AREA shape= "RECT"coords="0,50,100,100">

</MAP>

تگ Map داراي نام map1 که در کد اول آمده بود .

تگ AREA يک ناحيه از صفحه را تعيين مي کند و coords که پارامتر 1 و 2 به ترتيب مينيمم هاي راستاي Y,X است و پارامتر هاي 3و 4 نيز ماکزيمم Y,X است . href نيز تعيين مي کند که اين ناحيه روي عکس لينک به کجا اشاره مي کند . البته خصوصيات javascript نيز مي توان به اين عکس اضافه کرد . مثلا رويداد onMouseover يا onClick و ...

در ضمن توجه کنيد که در HTML موقعيت ها از چپ و بالا اداره مي شود يعني عبارت Coords بالا يعني 0 تا 100 پيکسل از سمت چپ و 0 تا 50 پيکسل از سمت راست .