Jump to content


Photo

HTML MAP/AREA


  • Please log in to reply
4 replies to this topic

#1 baber_abbasi

baber_abbasi
  • Members
  • PipPipPip
  • Advanced Member
  • 33 posts
  • LocationPakistan

Posted 17 May 2006 - 06:02 PM

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. :)
Baber N Abbasi

#2 Barand

Barand
  • Moderators
  • Sen . ( ile || sei )
  • 18,017 posts

Posted 17 May 2006 - 06:15 PM

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]
If you are still using mysql_ functions, STOP! Use mysqli_ or PDO. The longer you leave it the more you will have to rewrite.

Donations gratefully received






moon.png

|baaGrid| easy data tables - and more
|baaChart| easy line, column and pie charts

#3 baber_abbasi

baber_abbasi
  • Members
  • PipPipPip
  • Advanced Member
  • 33 posts
  • LocationPakistan

Posted 17 May 2006 - 06:36 PM

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) View Post[/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]

Baber N Abbasi

#4 Barand

Barand
  • Moderators
  • Sen . ( ile || sei )
  • 18,017 posts

Posted 17 May 2006 - 06:41 PM

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.
If you are still using mysql_ functions, STOP! Use mysqli_ or PDO. The longer you leave it the more you will have to rewrite.

Donations gratefully received






moon.png

|baaGrid| easy data tables - and more
|baaChart| easy line, column and pie charts

#5 baber_abbasi

baber_abbasi
  • Members
  • PipPipPip
  • Advanced Member
  • 33 posts
  • LocationPakistan

Posted 17 May 2006 - 07:12 PM

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) View Post[/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]

Baber N Abbasi




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users