JS for responsive State Maps

readme.md

I've been using imagemapster.js from http://www.outsharked.com/imagemapster/ for hover effects on the State Maps. It'll resize any image map you use automatically, so there's no need for another script. You have to be sure not to set an inline width or height in the <img> or it'll screw up in IE7-8.

gistfile1.html

<script type="text/javascript" src="<?php bloginfo( 'template_url' ); ?>/assets/js/jquery.imagemapster.min.js"></script>
<script type="text/javascript">

$(document).ready(function () {
    $('#usa_image').mapster({
        fillOpacity: 0.7,
        render_highlight: {
            fillColor: '424384',
            stroke: true,
            strokeColor: 'ffffff'
        },
        render_select: {
            fillColor: '424384',
            stroke: false
        },
        fadeInterval: 50
    });
});

</script>