Image Mapper - how does it work? -...

Jun 13th, 2015 at 07:59 PM
User 187934 Photo

Eric Rohloff
Senior Advisor
20,271 posts

Your code looks good but did you upload the image your using to your host?
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
Jun 13th, 2015 at 08:00 PM
User 2785853 Photo

John Watson
Registered User
9 posts

It's uploaded to wordpress media manager, but do I need to upload it somewhere specific?
Jun 13th, 2015 at 08:02 PM
User 2785853 Photo

John Watson
Registered User
9 posts

PS, I tried uploading it to the same page as the code is pasted, but that just gave me the same 'empty' icon and a full map underneath with no clickable links
Jun 13th, 2015 at 08:02 PM
User 187934 Photo

Eric Rohloff
Senior Advisor
20,271 posts

Is there a place where you can view the image online? If so right click on it and Select "Copy image location" and post that link here.
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
Jun 13th, 2015 at 08:08 PM
User 2785853 Photo

John Watson
Registered User
9 posts

Ok, I just created a page and put the map on it... this is image location

http://exploringthebroads.com/wp-conten … -Map-c.jpg
Jun 13th, 2015 at 08:08 PM
User 103173 Photo

Scott Swedorski
VP of Software Development
0 posts

Change:
<img src="Norfolk-Broads-Map-c.jpg" USEMAP="#norfolk-broads-map-c" BORDER=0>
to:
<img src="http://exploringthebroads.com/wp-content/uploads/2015/06/Norfolk-Broads-Map-c.jpg" USEMAP="#norfolk-broads-map-c" BORDER=0>
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.
Jun 13th, 2015 at 08:13 PM
User 2785853 Photo

John Watson
Registered User
9 posts

Thanks Scott, that worked!

http://exploringthebroads.com/stokesby/

Need to read this again to work out why and how, but really appreciate your and Eric's help. Thank you both

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.