lioncrow / imagemap-resizer

Keep HTML ImageMap scaled to image size.

Image Map Resize

This is a simple library to keep HTML Image Maps scaled to the size of an image. It detects the window being resized and updates the co-ordinates of the image map.

This library can be used with or without jQuery.

Native JS Usage

Inclue the imageMapResizer.min.js srcipt then add the following call to the bottom of your page:

imageMapResize();

Optionally you can pass a CSS selector that returns a collection of map tags. For example 'map.myMap'.

jQuery Usage

Inclue jQuery and the imageMapResizer.min.js script and then add the following call to the bottom of your page:

$('map').imageMapResize();

Or you may want to wrap it in a $(document).ready() function:

$(document).ready(function() {
    $('map').imageMapResize();
});

###Example http://davidjbradshaw.com/imagemap-resizer/example/

A note on IE8

To use this library with IE8 you will need to also load ie8.polyfil.js and ensure IE8 is running in "Standards mode". This can be done by adding the following to your HTML head section.

<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!--[if lte IE 8]>
	<script type="text/javascript" src="js/ie8.polyfil.js"></script>
<![endif]-->

Install via Package Management Systems

This library can be installed via the Bower,

bower install imagemap-resizer

and Component front-end package management systems.

component install davidjbradshaw/imagemap-resizer

License

Copyright © 2014 David J. Bradshaw. Licensed under the MIT license.