What is a good alternative to using an image map generator? [closed]
This one is in my opinion the best one for online (offline however dreamweaver is best): http://www.maschek.hu/imagemap/imgmap
This one is in my opinion the best one for online (offline however dreamweaver is best): http://www.maschek.hu/imagemap/imgmap
Pay attention: Attribute href is obligatory, without it the area-tag does nothing! To add a click event, you’ll need to block default href. Your code should start as follows: $(“.blue”).on(“click”, function(e){ e.preventDefault(); /* your code here */ }); Live example here.
jQuery plugin for decorating image maps (highlights, select areas, tooltips): http://www.outsharked.com/imagemapster/ Disclosure: I wrote it.
You should check out this plugin: https://github.com/kemayo/maphilight and the demo: http://davidlynch.org/js/maphilight/docs/demo_usa.html if anything, you might be able to borrow some code from it to fix yours.
Yes, people do still use image maps. An alternative would be to position elements using absolute positioning and CSS but that’s not necessarily better. It also doesn’t allow you to have shapes like in image maps
For responsive image maps you will need to use a plugin: https://github.com/stowball/jQuery-rwdImageMaps (No longer maintained) Or https://github.com/davidjbradshaw/imagemap-resizer No major browsers understand percentage coordinates correctly, and all interpret percentage coordinates as pixel coordinates. http://www.howtocreate.co.uk/tutorials/html/imagemaps And also this page for testing whether browsers implement http://home.comcast.net/~urbanjost/IMG/resizeimg3.html