What is a good alternative to using an image map generator?

html imagemap
leora picture leora · Jan 23, 2012 · Viewed 122.2k times · Source

I have a large image and I want to make certain sections of the image clickable. I also want to specify the shape of the clickable area (square, circle, custom). Without relying on Javascript, how can I use CSS and HTML to create an interactive image-map? With hoverable "hot spots" and highlighting areas without relying on generating SVG coordinates. All of the online image map generators I found using Google, did not deliver what I perceive as a standard basic function of any imagemap tool.

Answer

Chris Andersson picture Chris Andersson · Mar 19, 2013

This one is in my opinion the best one for online (offline however dreamweaver is best): http://www.maschek.hu/imagemap/imgmap

Related questions

Responsive image map

I have an existing image map in a responsive html layout. Images scale according to browser size, but the image coordinates are obviously fixed pixel sizes. What options do I have to resize the image map coordinates?

Read More
Are HTML Image Maps still used?

Do people still use the old HTML Image Maps? The ones with: <map name="test" id="test"> <area shape="poly" alt="" title="" coords=... Or is there a newer, better alternative?

Read More
How do I highlight parts of an imagemap on mouseover?

I need to display an imagemap with about 70 areas in it. The area of the imagemap the mouse cursor is currently at is supposed to be highlighted in a certain color. Is this possible and if yes, how?

Read More