Jump to content

HTML MAP/AREA


baber_abbasi

Recommended Posts

Hi,

I am using HTML MAP/AREA tags and need to display an image file at a defined AREA coordinates.

My following code is loading an image 'background.jpg' and I have defined 2 areas on it.

<div>
<map name="Map" id="Map">
<area href=one.php shape=rect coords=0,0,10,10>
<area href=two.php shape=rect coords=10,0,20,10>
</map>
<img src="images/background.jpg" alt="" border="0" usemap="#Map">
</div>

Now I need to display another image at one area location from above code i.e (coords=10,0,20,10 ). This means, above code is displaying ONE BACKGROUND image and I need to display another image at ONE AREA-(coords=10,0,20,10 ) of such background image. Hence hiding such portion of background image by displaying the contents of other image file.

I know its possible but need to know how I can implement it.

Thanks in advance for your help. :)
Link to comment
https://forums.phpfreaks.com/topic/9873-html-maparea/
Share on other sites

Hi Barand,

I appreciate your help in the matter.

Your past response was infact regarding image merging/resizing which helped a lot. Thanks again.

Now my question is regarding displaying an image (not merging) at specific area of MAP tag. Plz see my current issue below.


[!--quoteo(post=374738:date=May 17 2006, 11:15 PM:name=Barand)--][div class=\'quotetop\']QUOTE(Barand @ May 17 2006, 11:15 PM) [snapback]374738[/snapback][/div][div class=\'quotemain\'][!--quotec--]
See my reply to similar question of yours a few weeks ago

[a href=\"http://www.phpfreaks.com/forums/index.php?s=&showtopic=90879&view=findpost&p=364301\" target=\"_blank\"]http://www.phpfreaks.com/forums/index.php?...ndpost&p=364301[/a]
[/quote]
Link to comment
https://forums.phpfreaks.com/topic/9873-html-maparea/#findComment-36691
Share on other sites

I have tried but can't display an image at the place where I have defined an AREA. if you can show me how it can be done, that would be great.

Thanks again.


[!--quoteo(post=374749:date=May 17 2006, 11:41 PM:name=Barand)--][div class=\'quotetop\']QUOTE(Barand @ May 17 2006, 11:41 PM) [snapback]374749[/snapback][/div][div class=\'quotemain\'][!--quotec--]
The imagecopyxxxxx() functions take all or part of one image and place it at a specified place in another.

If you look them up in the manual you should find at least one that fits your needs for this problem too.
[/quote]
Link to comment
https://forums.phpfreaks.com/topic/9873-html-maparea/#findComment-36705
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.