Image Mapping, how do you do image mapping? Options

[alwayzbjenny]

um i made a layout but i dunno how to do put the links in with the image..
does anyone know how to do that?

[michellerrific]

Imagemapping is done using Imageready, which comes with Photoshop if you have it.

[freeflow]

Read this.

[alwayzbjenny]

okay so after i did all that (from the forum)
how do i put it in myspace? (i don't have photoshop so i used paintshop)

i have the source from paintshop's image mapping:

CODE

<table border="0" cellpadding="0" cellspacing="0" width="1024">

<tr>
<td rowspan="1" colspan="1" width="15" height="288">
    <img name="junelayoutcopy0" src="june layout copy_1x1.png" width="15" height="288" border="0" alt="" /></td>
<td rowspan="1" colspan="7" width="1009" height="288">
    <img name="junelayoutcopy1" src="june layout copy_1x2.png" width="1009" height="288" border="0" alt="" /></td>
</tr>

<tr>
<td rowspan="1" colspan="1" width="15" height="83">
    <img name="junelayoutcopy2" src="june layout copy_2x1.png" width="15" height="83" border="0" alt="" /></td>
<td rowspan="1" colspan="1" width="79" height="83">
    <a href="http://www.myspace.com/"><img name="junelayoutcopy3" src="june layout copy_2x2.png" width="79" height="83" border="0" alt="" /></a></td>
<td rowspan="1" colspan="1" width="80" height="83">
    <a href="http://www.myspace.com/pics"><img name="junelayoutcopy4" src="june layout copy_2x3.png" width="80" height="83" border="0" alt="" /></a></td>
<td rowspan="1" colspan="1" width="80" height="83">
    <a href="http://www.myspace.com/messages"><img name="junelayoutcopy5" src="june layout copy_2x4.png" width="80" height="83" border="0" alt="" /></a></td>
<td rowspan="1" colspan="1" width="80" height="83">
    <a href="http://www.myspace.com/comments"><img name="junelayoutcopy6" src="june layout copy_2x5.png" width="80" height="83" border="0" alt="" /></a></td>
<td rowspan="1" colspan="1" width="81" height="83">
    <a href="http://www.myspace.com/friends"><img name="junelayoutcopy7" src="june layout copy_2x6.png" width="81" height="83" border="0" alt="" /></a></td>
<td rowspan="1" colspan="1" width="80" height="83">
    <a href="http://www.myspace.com/addme"><img name="junelayoutcopy8" src="june layout copy_2x7.png" width="80" height="83" border="0" alt="" /></a></td>
<td rowspan="2" colspan="1" width="529" height="480">
    <img name="junelayoutcopy9" src="june layout copy_2x8.png" width="529" height="480" border="0" alt="" /></td>
</tr>

<tr>
<td rowspan="1" colspan="7" width="495" height="397">
    <img name="junelayoutcopy10" src="june layout copy_3x1.png" width="495" height="397" border="0" alt="" /></td>
</tr>

[freeflow]

You would need to upload all the images. Because in PSP it looks like it sliced and not image map. So you need to upload all the images and add their urls in the appropriate spots. Then just put the entire code in a div.

[luchrita]

I hate to sound like an idiot but I did an image too, and I mapped it out using Image Ready. I I put the image on Photobucket and now I dont know how to go about posting it on my myspace page and making the links that I maped out work. Meaning I dont know how/what to do about coding in my edit profile section.

[michellerrific]

Well, once you have the image on imageready go to Edit > Copy HTML Code > for all Slices.
Open a program like Notepad and ctrl + v. There's the code for the imagemap which you can use in the layout.