image - on a website - and do add some links from certain points

[saint_m]

hello dear denzjos hello dear MrsP-from.C


many thanks for your reply - and for sharing the ideas - 

as it is aimed to include the map into a wordpress - i  think its intersting to see which reply i got in the wp-forum: 

see: https://wordpress.org/support/topic/imag...in-points/

Quote:There’s a tragic flaw with native HTML <map> and <area> image map elements. They do not behave responsively like your images might. If your image is scaled differently than when you created the image map elements, the area elements will no longer correspond to the correct parts of your image.

Fortunately, this flaw can be corrected with some JavaScript. For example https://github.com/davidjbradshaw/image-map-resizer

The plugins you mention probably already include some sort of JS resizer like that. This reply applies more to anyone manually creating their own HTML image map.

Alternately, if your image is vector based, you could implement it as an SVG image. You can then hotlink SVG nested elements such as <path> with <a> anchor tags, making it essentially a responsive image map. Of course if you have a raster image such as a photo, this SVG approach will not work.

see:  https://wordpress.org/support/topic/imag...in-points/


see one of the two plugins: 


https://wordpress.org/plugins/draw-attention/

https://wpdrawattention.com/

but yes  - i guess that we would be able to do it without a wordpress-plugin.. - at least it seems so - after reading the comment in the wordpress-forum

what do you say!?

look forward to hear from you