IE8 support (HT @dave-irvine), maintain chainability, optimisations

Author: stowball

jquery.rwdImageMaps.js

@@ -1,5 +1,5 @@
 /*
-* rwdImageMaps jQuery plugin v1.2
+* rwdImageMaps jQuery plugin v1.3
 *
 * Allows image maps to be used in a responsive design by recalculating the area coordinates to match the actual image size on load and window.resize
 *
@@ -8,28 +8,31 @@
 * http://mattstow.com
 * Licensed under the MIT license
 */
-(function($) {
+;(function($) {
 	$.fn.rwdImageMaps = function() {
-		var $img = this;
-		var v = parseFloat($.fn.jquery);
+		var $img = this,
+			version = parseFloat($.fn.jquery);
 
 		var rwdImageMap = function() {
 			$img.each(function() {
 				if (typeof($(this).attr('usemap')) == 'undefined')
 					return;
 
-				var that = this;
-				var $that = $(that);
+				var that = this,
+					$that = $(that);
 				// Since WebKit doesn't know the height until after the image has loaded, perform everything in an onload copy
-				$('<img />').attr('src', $that.attr('src')).load(function() {
-					var w, h;
+				$('<img />').load(function() {
+					var w,
+						h,
+						attrW = 'width',
+						attrH = 'height';
 					// jQuery < 1.6 incorrectly uses the actual image width/height instead of the attribute's width/height
-					if (v < 1.6)
-						w = that.getAttribute('width'),
-						h = that.getAttribute('height');
+					if (version < 1.6)
+						w = that.getAttribute(attrW),
+						h = that.getAttribute(attrH);
 					else
-						w = $that.attr('width'),
-						h = $that.attr('height');	
+						w = $that.attr(attrW),
+						h = $that.attr(attrH);	
 
 					var wPercent = $that.width()/100,
 						hPercent = $that.height()/100,
@@ -41,8 +44,8 @@
 						if (!$this.data(c))
 							$this.data(c, $this.attr(c));
 
-						var coords = $this.data(c).split(',');
-						var coordsPercent = new Array(coords.length);
+						var coords = $this.data(c).split(','),
+							coordsPercent = new Array(coords.length);
 
 						for (var i = 0; i < coordsPercent.length; ++i) {
 							if (i % 2 === 0)
@@ -52,9 +55,11 @@
 						}
 						$this.attr(c, coordsPercent.toString());
 					});
-				});
+				}).attr('src', $that.attr('src'));
 			});
 		};
 		$(window).resize(rwdImageMap).trigger('resize');
+		
+		return this;
 	};
 })(jQuery);

jquery.rwdImageMaps.min.js

@@ -1,5 +1,5 @@
 /*
-* rwdImageMaps jQuery plugin v1.2
+* rwdImageMaps jQuery plugin v1.3
 *
 * Allows image maps to be used in a responsive design by recalculating the area coordinates to match the actual image size on load and window.resize
 *
@@ -8,4 +8,4 @@
 * http://mattstow.com
 * Licensed under the MIT license
 */
-(function($){$.fn.rwdImageMaps=function(){var $img=this;var v=parseFloat($.fn.jquery);var rwdImageMap=function(){$img.each(function(){if(typeof($(this).attr("usemap"))=="undefined"){return}var that=this;var $that=$(that);$("<img />").attr("src",$that.attr("src")).load(function(){var w,h;if(v<1.6){w=that.getAttribute("width"),h=that.getAttribute("height")}else{w=$that.attr("width"),h=$that.attr("height")}var wPercent=$that.width()/100,hPercent=$that.height()/100,map=$that.attr("usemap").replace("#",""),c="coords";$('map[name="'+map+'"]').find("area").each(function(){var $this=$(this);if(!$this.data(c)){$this.data(c,$this.attr(c))}var coords=$this.data(c).split(",");var coordsPercent=new Array(coords.length);for(var i=0;i<coordsPercent.length;++i){if(i%2===0){coordsPercent[i]=parseInt(((coords[i]/w)*100)*wPercent)}else{coordsPercent[i]=parseInt(((coords[i]/h)*100)*hPercent)}}$this.attr(c,coordsPercent.toString())})})})};$(window).resize(rwdImageMap).trigger("resize")}})(jQuery);
+;(function(a){a.fn.rwdImageMaps=function(){var d=this,c=parseFloat(a.fn.jquery);var b=function(){d.each(function(){if(typeof(a(this).attr("usemap"))=="undefined"){return}var f=this,e=a(f);a("<img />").load(function(){var i,k,l="width",g="height";if(c<1.6){i=f.getAttribute(l),k=f.getAttribute(g)}else{i=e.attr(l),k=e.attr(g)}var j=e.width()/100,n=e.height()/100,m=e.attr("usemap").replace("#",""),o="coords";a('map[name="'+m+'"]').find("area").each(function(){var r=a(this);if(!r.data(o)){r.data(o,r.attr(o))}var q=r.data(o).split(","),p=new Array(q.length);for(var h=0;h<p.length;++h){if(h%2===0){p[h]=parseInt(((q[h]/i)*100)*j)}else{p[h]=parseInt(((q[h]/k)*100)*n)}}r.attr(o,p.toString())})}).attr("src",e.attr("src"))})};a(window).resize(b).trigger("resize");return this}})(jQuery);