Responsive image map

Mr Lucky

Well-known member
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
 
Found it!

JavaScript:
<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>
 
Top Bottom