How to make responsive image with clickable areas (image map) for free in WordPress
Here's the video tutorial how to make a responsive image with clickable areas (i.e. responsive interactive image that scale) for free in WordPress. It's a part of my tutorial - see here in my blog: http://researchasahobby.com/responsiv...
You can make an image which has many areas that can be clicked and the areas have their own URLs.
Also when this image is scaled (e.g. when you open a page with the image on a mobile device) the clickable areas scale too.
The table of contents of my article:
1. Why you may need image with multiple clickable areas?
2. Ready example
3. Is it difficult to make image with clickable areas that scale correctly?
4. Tutorial how to create a responsive image with clickable areas that scale correctly
4.1. Handle correct scaling of image with clickable areas
4.2. Simply insert image into your post or page
4.3. Generate image map code for your image
4.4. Insert your code into your post or page and check out how it works
5. Free plugins for creating image maps
6. Conclusion
Read the article here - http://researchasahobby.com/responsiv...
Update: I've created another tutorial which shows how to create HIGHLIGHTED areas. See here: http://researchasahobby.com/highlight...
