Highlighted/Selected areas are black for Imagemapster in IE

Question

http://www2.wou.edu/pls/wou2/jalcanter10.video_tour.p_main

The page works fine in other browsers, but I'm not sure what to even look at. The areas do get lit up and selected, but instead of the 2nd image showing, its painting the areas black

Answer 1

The problem is you are linking ImageMapster directly from its github raw source:

<script type="text/javascript" 
 src="https://raw.github.com/jamietre/ImageMapster/master/dist/jquery.imagemapster.js"
</script>

It is possible you got this idea from a jsfiddle example I posted before. While this works well enough for testing in Chrome, it's definitely no good for a production web site. The reason it doesn't work in IE is because Github does not transmit the correct mime type when serving files from the source tree. Chrome and Firefox don't care, IE does. But more importantly, the script at this location could change anytime. If an update to the development code is pushed that has bugs, it could stop working.

You just need to copy the script to your own server and link to it there.