I have an html page with an image map. I am using ImageMapResize (jquery plugin) to allow browser resizing without losing my image-map coordinates. I am trying to also add ImageMapster (jquery plugin) to add styling to image map buttons.

It seems as if I can only get one or the other plugin to work. While both of these plugins are working on the page individually, if I use both the image map resizing will not work properly as it seems like the imagemapster plugin is blocking it from working somehow.

Is there a way to use both of these plugins without them impacting each other and to have them work simultaneously together?

Here is how I have my script tags. I have them at the end of my body tag. I've tried changing the order of the two methods but it just creates a different problem. Seems like I cant get the two plugins to cooperate. Thanks for any help.

  <script src="https://cdnjs.cloudflare.com/ajax/libs/imagemapster/1.5.4/jquery.imagemapster.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/image-map-resizer/1.0.10/js/imageMapResizer.min.js"></script>
  
  <script>$('img').mapster();</script>
  <script>imageMapResize();</script>