Jump to content

Archived

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

baber_abbasi

HTML MAP/AREA

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. :)

Share this post


Link to post
Share on other sites
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]

Share this post


Link to post
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]

Share this post


Link to post
Share on other sites
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.

Share this post


Link to post
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]

Share this post


Link to post
Share on other sites

×

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.