How do I do an image map?

[morthond]

Hi!

I'm just getting started with process wire - love what I see... spiffy, quick, seems to work great.

One detail that I'm puzzled over is - how do I use a plain old image map? I used to have a site that had a graphic with several areas that you could click on. It'd be nice to have that one graphic file and an image map like thing that says the clickable areas and where to go when you click a specific area.

You remember - the good old <img src="some-graphic.jpg" usemap="#mymap"> <map name="mymap"> <area shape...> </map> ? Old old web stuff - just wondering if there is an easy way to do such a thing in process wire.

In my searching so far - I clearly don't know what I'm asking... so - help!

Thanks

[Christophe]

Hi,

I made one with (The) Gimp once but it wasn't responsive.

You can find solutions like this one, for example,  via Google with the good keywords: http://mattstow.com/experiment/responsive-image-maps/rwd-image-maps.html.

Then it should just be a matter of integrating it in a template file.

Edited May 5, 2017 by Christophe