Merge branch 'master' of http://github.com/davidjbradshaw/image-map-r…

…esizer

README.md

@@ -1,6 +1,7 @@
 # Image Map Resize
 [![Bower version](https://badge.fury.io/bo/image-map-resizer.svg)](http://badge.fury.io/bo/image-map-resizer)
 [![npm version](https://badge.fury.io/js/image-map-resizer.svg)](http://badge.fury.io/js/image-map-resizer)
+[![Code Climate](https://codeclimate.com/github/davidjbradshaw/image-map-resizer/badges/gpa.svg)](https://codeclimate.com/github/davidjbradshaw/image-map-resizer)
 ![license](http://img.shields.io/badge/license-MIT-brightgreen.svg?style=flat)
 
 
@@ -10,7 +11,7 @@
 
 ### Native JS Usage
 
-Inclue the [imageMapResizer.min.js](https://raw.github.com/davidjbradshaw/imagemap-resizer/master/js/imageMapResizer.min.js) srcipt then add the following call to the bottom of your page:
+Inclued the [imageMapResizer.min.js](https://raw.github.com/davidjbradshaw/imagemap-resizer/master/js/imageMapResizer.min.js) script then add the following call to the bottom of your page:
 
 ```js
 imageMapResize([selector || map object]);

bower.json

@@ -1,7 +1,7 @@
 {
-  "name": "imageMap-resizer",
-  "version": "0.5.3",
-  "homepage": "https://github.com/davidjbradshaw/imagemap-resizer",
+  "name": "image-map-resizer",
+  "version": "0.5.4",
+  "homepage": "https://github.com/davidjbradshaw/image-map-resizer",
   "authors": [
     "David J. Bradshaw <[email protected]>"
   ],

gruntfile.js

@@ -115,7 +115,7 @@ module.exports = function(grunt) {
   grunt.registerTask('notest',  ['jshint','uglify']);
   grunt.registerTask('test',    ['jshint','qunit']);
 
-  grunt.registerTask('postBump',['git bump-commit','shell']);
+  grunt.registerTask('postBump',['bump-commit','shell']);
   grunt.registerTask('patch',   ['default','bump-only:patch','postBump']);
   grunt.registerTask('minor',   ['default','bump-only:minor','postBump']);
   grunt.registerTask('major',   ['default','bump-only:major','postBump']);

imageMapResizer.jquery.json

@@ -11,7 +11,7 @@
 		"resize",
 		"design"
 	],
-	"version": "0.5.3",
+	"version": "0.5.4",
 	"author": {
 		"name": "David J. Bradshaw",
 		"email": "[email protected]"
@@ -28,9 +28,9 @@
 		"url": "https://github.com/jquery/jquery-color/blob/2.1.2/MIT-LICENSE.txt"
 	}
 	],
-	"bugs": "https://github.com/davidjbradshaw/imagemap-resizer/issues",
-	"homepage": "http://davidjbradshaw.github.io/imagemap-resizer/",
-	"docs": "https://github.com/davidjbradshaw/imagemap-resizer",
+	"bugs": "https://github.com/davidjbradshaw/image-map-resizer/issues",
+	"homepage": "http://davidjbradshaw.github.io/image-map-resizer/",
+	"docs": "https://github.com/davidjbradshaw/image-map-resizer",
 	"dependencies": {
 		"jquery": ">=1.0"
 	}

js/imageMapResizer.js

@@ -31,12 +31,27 @@
         }
 
         function start(){
+            var
+                displayedWidth  = null,
+                displayedHeight = null;
+
             //WebKit asyncs image loading, so we have to catch the load event.
             sourceImage.onload = function sourceImageOnLoadF(){
-                if ((displayedImage.width !== sourceImage.width) || (displayedImage.height !== sourceImage.height)) {
+                displayedWidth = displayedImage.width;
+                displayedHeight = displayedImage.height;
+
+                if ((displayedWidth !== sourceImage.width) || (displayedHeight !== sourceImage.height)) {
                     resizeMap();
                 }
             };
+
+            //IE11 can late load this image, so make sure we have the correct sizes (#10)
+            displayedImage.onload = function() {
+                if (null !== displayedWidth && displayedImage.width !== displayedWidth) {
+                    resizeMap();
+                }
+            };
+
             //Make copy of image, so we can get the actual size measurements
             sourceImage.src = displayedImage.src;
         }

package.json

@@ -1,9 +1,9 @@
 {
-  "name": "imageMap_Resizer",
-  "version": "0.5.3",
+  "name": "image-map-resizer",
+  "version": "0.5.4",
   "repository": {
     "type": "git",
-    "url": "https://github.com/davidjbradshaw/imagemap-resizer.git"
+    "url": "https://github.com/davidjbradshaw/image-map-resizer.git"
   },
   "maintainers": [
     {
@@ -14,9 +14,9 @@
   "description": "Make the HTML image map responsive, so the map scales with the image",
   "repository": {
     "type": "git",
-    "url": "https://github.com/davidjbradshaw/imagemap-resizer.git"
+    "url": "https://github.com/davidjbradshaw/image-map-resizer.git"
   },
-  "github": "https://github.com/davidjbradshaw/imagemap-resizer",
+  "github": "https://github.com/davidjbradshaw/image-map-resizer",
   "dependencies": {},
   "devDependencies": {
     "grunt": "0.4.1",