Responsive image map

[Mr Lucky]

I have an image as a banner ad, but I want to make a three or four of areas of the image into clickable links. In the old days I would have used an image map, but this doesn't work as the image gets displayed responsively, and decreases in size but the pixel coordinates of an image stay as they are.

Does anyone know of a way to achieve this?

Thanks

 

[Arty]

Make several images and several maps, show/hide them using media queries.

 

[Mr Lucky]

Make several images and several maps, show/hide them using media queries.

Thanks, I'm beginning to think that may be my only option.

 

[Mr Lucky]

Found it!

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="imageMapResizer.min.js"></script>
<script>$(document).ready(function(e){$("map").imageMapResize();});</script>