Using Image Map with a JPEG picture

[GoogleCodeExporter]

What steps will reproduce the problem?
1. use a picture JPEG created with Photoshop
2. insert in Maschek.ru to creat hotspots
3. test and see how the hotspots work but after inserting the image map to
Jimdo.com (in the html widget / flash widget) it fails...

What is the expected output? What do you see instead?

What version of the product are you using? On what browser/operating system?

Please provide any additional information below.

Original issue reported on code.google.com by sloanegr...@googlemail.com on 18 Feb 2010 at 11:16

Attachments:

• Picture1.jpg

[GoogleCodeExporter]

Hi,

What is the exact code that you try to insert on jimdo? Do you use the usemap
attribute of the image?

Original comment by adam.mas...@gmail.com on 20 Feb 2010 at 12:56

[GoogleCodeExporter]

Hi, Adam,
thank you for replying. Here is the code I obtain after using your IMage Map 
ONline
Editer:

<map id="imgmap2010220162934" name="imgmap2010220162934"><area shape="rect" 
alt=""
title="" coords="150,111,231,192" href="http://www.sloane-group.com/Africa" 
target=""
/><!-- Created by Online Image Map Editor (http://www.maschek.hu/imagemap/index)
--></map>

Then, I go to my Jimdo website, where I paste this exact code in the html 
widgets in
Jimdo...

And then no picture appears!

What say thou?

Julien
+49 151 2703 8914

Original comment by sloanegr...@googlemail.com on 20 Feb 2010 at 3:33

Attachments:

• SCREENSHOT.jpg

[GoogleCodeExporter]

Hi Julien,

As the image map editor says:
"This is the generated image map HTML code. Click into the textarea below and 
press
Ctrl+C to copy the code to your clipboard. Please note, that you have to attach 
this
code to your image, via the usemap property (read more). "

To read more about how to link your created image map to your actual image, 
please see:
http://www.htmlhelp.com/reference/html40/special/map.html

Basically you miss something like:
<IMG SRC="yourimage.jpg" USEMAP="#imgmap2010220162934"/>

Original comment by adam.mas...@gmail.com on 20 Feb 2010 at 3:39

[GoogleCodeExporter]

Adam,
you are right. I am indeed missing away to link the image itself and the html 
code
from creating the hotspots.

In Jimdo.com, I am not sure how I can do this.

I tried to understand the htmlhelp.com link you have sent me, but unfortunately 
it is
far above my technical competence.

I have also contacted the Jimdo administrator to obtain their guidance, but so 
far no
one has replied.

This should be an easy thing. I cannot believe it is so difficult to create a 
simple
image map!!! 
:)

Original comment by mbacente...@gmail.com on 22 Feb 2010 at 12:28

[GoogleCodeExporter]

Julien,

It is simpler than you would think. I just tried and it works on jimdo. I just 
put
this into my html widget:

<img src="http://cdn.jimdo.com/s/img/cms/siteadmin/sidebar-icons.png"
usemap="#imgmap2010220162934" alt="" /> <map id="imgmap2010220162934"
name="imgmap2010220162934">
    <area shape="rect" alt="" title="" coords="1,1,231,192"
href="http://www.sloane-group.com/Africa" target="_blank" />
    <!-- Created by Online Image Map Editor (http://www.maschek.hu/imagemap/index)
-->
</map>

..and tada, it works.
You will not see it working on your page editor. But if you open your site as a
visitor, it will work fine.

Original comment by adam.mas...@gmail.com on 22 Feb 2010 at 2:11

[GoogleCodeExporter]

I close this ticket since no feedback arrived.

Original comment by adam.mas...@gmail.com on 6 Mar 2010 at 3:25

• Changed state: Invalid