Links within one pic

[thumbelina]

I have one large image that I want to set up so that clicking on different parts of the image will lead you to the different pages of my website. I have seen it done on other websites but when I viewed the html code it was hard to follow to figure out how it worked. Does anyone have any idea of where I could find an explantion of how to set this up with my own picture?

 

[Naits]

Do this
<a href=&quot;file.ext&quot;><img src=&quot;picture.gif&quot; border=0></A> Visit my homepage
.: Game universE :.

http://gameuniverse.eg.st

http://gameuniverse.rules.it

 

[Naits]

Sorry for the last reply, that is for 1 link.
That you asking for is called Image Mapping.

(taken from 9cy.com)

Image maps are images that link to more then one page (look at the header image on all of our pages). They work by having some simple code that corresponds to the pixels in an image. There are two ways that you can make an image map, the first is to simply figure out the pixels for the image and make the code yourself. The second way is to download a free program such as 'Map It©' or 'Live Map©', these programs do all the image mapping for you and then give you the html code to add to your page. If you wish to make the image map, look at the following code:



<IMG SRC=&quot;YourMap.Type&quot; USEMAP=&quot;#YOURMAP&quot; ALIGN=&quot;CENTER&quot; ALT=&quot;IMAGE MAP&quot; BORDER=0>
<MAP NAME=&quot;YOURMAP&quot;>
<AREA SHAPE=RECT COORDS=&quot;29, 28, 85, 53&quot; HREF=&quot;main.html&quot; TARGET=&quot;_top&quot;>
<AREA SHAPE=RECT COORDS=&quot;88, 30, 166, 54&quot; HREF=&quot;tutorials.html&quot; TARGET=&quot;_top&quot;>
<AREA SHAPE=DEFAULT HREF=&quot;index.html&quot; TARGET=&quot;_top&quot;>
</MAP>


This will create a simple image map with 2 parts and a default click area. What this means is that any user clicking on a &quot;host spot&quot; will go to either main.html or tutorials.html depending on where they click. However, if they should happen to click anywhere else, they will go to index.html. You should remember to change the pixel locations, the urls, targets and map type/image. __________________
Visit my homepage
.: Game universE :.

http://gameuniverse.eg.st

 

[Wullie]

Hi,

I have found a tool that claims to help you make the map easily, although I have not tried it myself.

http://www.sspitzer.org/imaptool/

Hope this helps Wullie

http://www.survivorhelp.co.uk

 

[bearsite4]

There is one program I used to use a while ago which is called MapThis!. A search with google will probably turn itup. I found it extremely easy to use and it produces the code for you.

 

[Wullie]

Hi,

I`ve just found another program that will do all the work for you.

http://www.gimp.org

I use it quite a lot for my graphic work but I didn`t realise that imagemap was a feature.. You learn something new each day!! LOL

Hope this helps Wullie

http://www.survivorhelp.co.uk

 

[cactus1000]

There's an easy-to-use shareware product called MapEdit

http://www.boutell.com/mapedit/

Also PaintShop Pro 7.0 has a great image mapping tool.