Hi.

I use image-mapper to create my monthly newsletter. i have 2 problems.

1- the mapped image displays fine in most email clients but unfortunately not macmail. Is there anything i can do to get it to display in macmail?

2- when i put my image map newsletter online as an alternative place to view i use wordpress. Wordpress does not display the image map correctly. That is to say the links I've created are no longer there. Is there something i can do to get the imagemap to display using wordpress?

I've dropped the image map code below so you can see that it works elsewhere.

<!-- Beginning of Client Side Image Map -->
<img src="http://blog.garethiwanjones.com/wp-content/uploads/2013/03/GIJ-April-2013.jpg" alt="" usemap="#NotNamed" border="0" />

<map name="NotNamed"> <area title="gareth iwan jones " onmouseover="window.status='View My portfolio'; return true" onmouseout="window.status=''; return true" shape="rect" coords="149,59,283,217" href="http://www.garethiwanjones.com" alt="gareth iwan jones " /></map>
<map name="NotNamed"> <area title="Armour project" onmouseover="window.status='Armour project'; return true" onmouseout="window.status=''; return true" shape="rect" coords="100,376,840,1482" href="http://garethiwanjones.com/#/157357" alt="Armour project" /></map>
<map name="NotNamed"> <area title="Armour project" onmouseover="window.status='Armour project'; return true" onmouseout="window.status=''; return true" shape="rect" coords="94,1656,274,1676" href="http://garethiwanjones.com/#/157357" alt="Armour project" /></map>
<map name="NotNamed"> <area title="Gareth Iwan Jones" onmouseover="window.status='Visit Gareth Iwan Jones'; return true" onmouseout="window.status=''; return true" shape="rect" coords="94,1714,858,2704" href="http://www.garethiwanjones.com" alt="Gareth Iwan Jones" /></map>

<!-- End of Client Side Image Map -->

Try creating the image map on a separate html page and use an iframe to show it in your WordPress site.

Hi,

I have not yet understood how I can link a map created with Image Mapper to my webstite (Wordpress). What I am doing is copying the html code of the map on a blank post (article). I don't copy all the Html, but just from:

<img src=

to

</map>

Then I put the link of the image here:

<img src="http://link of the image.com"

If I don't put any link I don't see any image. However, After this last process I can see the image, yet it's not an interactive and if I click on areas where I should get a link nothing happens. Could you help me, please?

Hi Mateo,
Can you share a link to the page?

Hi,

thanks for the quick answer. Here are the link.

http://radioeuropaunita.wordpress.com/2 … eda-paese/

If one clicks on "Rus" (Russia), a new window with the a pdf file should appear. In the preview of Coffee Cup Image Mapper everything works. Yet once I copy the htmal code in this webpage and I put the address of the image in, I see just the map, without the interactive link on "Rus" I developed...

Your missing the rest of the image map code that sets the areas that are linked. Make sure your grabbing all the html code that the image mapper generates.

Hi,

I think I copied all the html, included the part related to the area that is linked. It's just one area, as I am making a trial map. In the preview everything works, but when I copy the html in my webpage, nothing happens. Here's the link again. There are the two outcomes:

1 - The small rectangle - I simply copied the html that Image Mapper generated

2 - The map without the interactive link - The html that Image Mapper generated, with the url of the map in.

To be even more precise, here are the html I copied in the webpage. Do you see any errors?

<!-- Beginning of Client Side Image Map -->
<img alt="" src="MappaUE.jpg" usemap="#Eastern Europe forecasts trial" border="0" />

<map name="Eastern Europe forecasts trial"> <area title="" alt="" coords="1709,427,104" shape="circle" href="http://radioeuropaunita.files.wordpress.com/2013/05/scheda_paese_croazia1.jpg" target="_blank" /> </map>

<!-- End of Client Side Image Map -->



<!-- Beginning of Client Side Image Map -->

<img alt="" src="http://radioeuropaunita.files.wordpress.com/2013/05/mappaue.jpg" usemap="#Eastern Europe forecasts trial" border="0" />

<map name="Eastern Europe forecasts trial"> <area title="" alt="" coords="1709,427,104" shape="circle" href="http://radioeuropaunita.files.wordpress.com/2013/05/scheda_paese_croazia1.jpg" target="_blank" /> </map>

<!-- End of Client Side Image Map -->

Best,

Matteo

I think the actual problem is that your image is huge and being scaled down. Change the image size to what's actually needed for your design.
2,080px × 1,270px (scaled to 508px × 310px)

Hi Eric,

I've just tried but it doesn't work. What can we do?

M.

Did you redo the map after you re-sized the image? The coordinates for the linked area should have changed.