Open your image in Image Ready
You should see this:
![]()
It may be on the Animation tab, if so just select the Image Map tab. If you don't see it at all go to WINDOW > IMAGE MAP.
Now select the image map tool.
![]()
You use it just like you would the normal selection tool. Make a selection where you want the first link to go.
Here is my example ... excuse the image I used, it was just a random image I had on my computer. LOL
![]()
You'll notice the fields in the Image Map tab are now editable. You need to put in the full URL that you want your selection to be linked to. The Target section you can leave alone unless you want the link to open in a new "blank" window or if using in frames and you want the link to load over "top" of the frames, etc.
Alt is just where you add text if you want.
Repeat the process for however many links you need to add.
Once you are done you then want to Save Optimized As and choose a save option. You need the HTML page, which will have the code in it. And since you already have the image map, no need to choose Image & HTML unless you want to optimize the image again.
![]()
Then just open the HTML page in Notepad and copy the code, placing it where you are wanting to use it.
In the example I did this is the Image Map code that was created.
<IMG SRC="images/Untitled-1.gif" WIDTH=175 HEIGHT=87 BORDER=0 ALT="" USEMAP="#Untitled_1_Map">
<MAP NAME="Untitled_1_Map">
<AREA SHAPE="rect" ALT="" COORDS="5,66,64,85" HREF="http://www.ebay.com/">
<AREA SHAPE="rect" ALT="" COORDS="6,46,71,60" HREF="http://www.altavista.com/">
<AREA SHAPE="rect" ALT="" COORDS="5,25,70,39" HREF="http://www.yahoo.com/">
<AREA SHAPE="rect" ALT="" COORDS="5,3,67,17" HREF="http://www.google.com/">
</MAP>
You see where is says
images/Untitled-1.gif in the code? That is where you will need to place the URL to the image.
Any questions, just ask.
