Image Mapper and Wordpress #2 - Post...

User 2614204 Photo


Registered User
23 posts

When I deactivate the attached the layout returns to how it should be
Attachments:
User 187934 Photo


Senior Advisor
20,245 posts

This is now missing.

<script src="jquery.rwdImageMaps.min.js"></script>
<script>
jQuery(document).ready(function(e) {$('img[usemap]').rwdImageMaps();});
</script>
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
User 2614204 Photo


Registered User
23 posts

With advice from that WordPress topic I linked to I've combined the two js scripts that the software exported and I hope that now all js is attached and formatted correctly. Which brings me back now to the original problem of the coordinates not working responsively. Should I have HTML coordinates in the exported HTML for a responsive image map? Surely these were only relevant to the display I was designing in.

Any advice much appreciated, my thanks,

Matt P
User 187934 Photo


Senior Advisor
20,245 posts

There's an error in the code. Try changing the $ signs to jQuery.
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
User 2614204 Photo


Registered User
23 posts

Hi Eric, thanks!

All working now. Anyone else looking for an image mapping/image hotspots solution for WordPress that doesn't cost a fortune, it's right here. For the final working js code, this is the 2nd row
jQuery(document).ready(function($) { $('img[usemap]').rwdImageMaps();});

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.