Seriously, bought and downloaded - no idea how it works.
I want to put an imagemap in wordpress. I understand how to set the areas and links... but then what? The instructions say the html area is just for show. If I upload the saved html file it doesn't work. So could somebody explain in laymans terms how I get it to work?
Many thanks
John
John Watson
Registered User
9 posts
Eric Rohloff
Senior Advisor
20,271 posts
Hi John,
Can you share a link to your image map so we might be able to help determine the issue?
Can you share a link to your image map so we might be able to help determine the issue?
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
John Watson
Registered User
9 posts
Hi Eric, thanks for responding. This issue at the moment is that I have no idea how to upload the data?
I tried uploading the html file into wordpress but that gave me a link, rather than the image. Could you explain, once I have marked the parts of the image with the links, what I am supposed to do after that? Everything looks good in test , but I don't know how to get the images online.
thanks
I tried uploading the html file into wordpress but that gave me a link, rather than the image. Could you explain, once I have marked the parts of the image with the links, what I am supposed to do after that? Everything looks good in test , but I don't know how to get the images online.
thanks
Eric Rohloff
Senior Advisor
20,271 posts
The easiest thing to do is to use absolute linking on your image in the map.
src="http://mydomain.com/images/myimagemap.jpg"
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
John Watson
Registered User
9 posts
Eric, thanks but you're way ahead of me. Is there an html code the program generates to copy into wordpress similar to your example? Am I supposed to upload the image file and paste the code - do I upload the html file that I can save? Perhaps it's late and I've just spend 2 days learning a mapping program after an 80 hour week, so I'm not at my best, but there doesn't seem to be any proper instructions with this software. I just bought the software and expected it to have a manual that would explain how to use it...
Eric Rohloff
Senior Advisor
20,271 posts
I always click on "Document" at the top of Image Mapper and then select "Copy Map To Clipboard.." This will allow you to paste the code directly into your page. Then you can alter the image src to be absolute.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
John Watson
Registered User
9 posts
Thanks - when I do that, I get this...
http://exploringthebroads.com/stokesby/
Any idea what I'm doing wrong?
http://exploringthebroads.com/stokesby/
Any idea what I'm doing wrong?
Eric Rohloff
Senior Advisor
20,271 posts
Where is the image currently located? Can you post a link to the actual image where it was uploaded to?
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
Scott Swedorski
VP of Software Development
0 posts
I get a 404 for the images:
Here
http://exploringthebroads.com/stokesby/ … -Map-c.jpg
or here:
http://exploringthebroads.com/Norfolk-Broads-Map-c.jpg
Here
http://exploringthebroads.com/stokesby/ … -Map-c.jpg
or here:
http://exploringthebroads.com/Norfolk-Broads-Map-c.jpg
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
John Watson
Registered User
9 posts
This is the code I pasted... The image is uploaded to wordpress, but it sounds like I need to connect it to the code, somehow...
<!-- Beginning of Client Side Image Map -->
<img src="Norfolk-Broads-Map-c.jpg" USEMAP="#norfolk-broads-map-c" BORDER=0>
<map name="norfolk-broads-map-c">
<area name="Ludham" shape="rect" coords="735,533,944,803" href="http://exploringthebroads.com/ludham/" alt="" title="" OnMouseOver="window.status='Ludham'; return true" OnMouseOut="window.status=''; return true">
</map>
<!-- End of Client Side Image Map -->
<!-- Beginning of Client Side Image Map -->
<img src="Norfolk-Broads-Map-c.jpg" USEMAP="#norfolk-broads-map-c" BORDER=0>
<map name="norfolk-broads-map-c">
<area name="Ludham" shape="rect" coords="735,533,944,803" href="http://exploringthebroads.com/ludham/" alt="" title="" OnMouseOver="window.status='Ludham'; return true" OnMouseOut="window.status=''; return true">
</map>
<!-- End of Client Side Image Map -->
Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.
