Calculate automatically width and height of an image if is not specified

demos/grid/bird.html

@@ -36,9 +36,7 @@
 
 			<div id="Frame1" class="focuspoint"
 			data-focus-x="0.29"
-			data-focus-y="-0.284"
-			data-image-w="667"
-			data-image-h="1000">
+			data-focus-y="-0.284">
 				<img src="../img/bird.jpg" alt="" />
 			</div>
 

js/jquery.focuspoint.js

@@ -58,6 +58,25 @@
 			image = $(this).find('img').first();
 			imageW = $(this).data('imageW');
 			imageH = $(this).data('imageH');
+
+			if (!imageW || !imageH) {
+				var self = this,
+					imageTmp = new Image();
+
+				imageTmp.onload = function(){
+
+					$(self).data('imageW', this.width);
+					$(self).data('imageH', this.height);
+
+					$(self).adjustFocus();
+				};
+
+				imageTmp.src = image.attr('src');
+
+				return false;
+			}
+
+
 			if (!(containerW > 0 && containerH > 0 && imageW > 0 && imageH > 0)) {
 				//Need dimensions to proceed
 				return false;