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
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
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
Share on other sites

This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • 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.