Cache detection image

neoaustin · Oct 7, 2014 · b010a66 · b010a66
1 parent 80573aa
commit b010a66
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 25 deletions.
diff --git a/dist/picturefill.js b/dist/picturefill.js
@@ -1,4 +1,4 @@
-/*! Picturefill - v2.1.0 - 2014-09-23
+/*! Picturefill - v2.1.0 - 2014-10-06
 * http://scottjehl.github.io/picturefill
 * Copyright (c) 2014 https://github.com/scottjehl/picturefill/blob/master/Authors.txt; Licensed MIT */
 /*! matchMedia() polyfill - Test a CSS media type/query in JS. Authors & copyright (c) 2012: Scott Jehl, Paul Irish, Nicholas Zakas, David Knight. Dual MIT/BSD license */
@@ -52,7 +52,7 @@ window.matchMedia || (window.matchMedia = function() {
 *  License: MIT/GPLv2
 *  Spec: http://picture.responsiveimages.org/
 */
-(function( w, doc ) {
+(function( w, doc, image ) {
 	// Enable strict mode
 	"use strict";
 
@@ -73,9 +73,8 @@ window.matchMedia || (window.matchMedia = function() {
 
 	// srcset support test
 	(function() {
-		var img = doc.createElement( "img" );
-		pf.srcsetSupported = "srcset" in img;
-		pf.sizesSupported = "sizes" in img;
+		pf.srcsetSupported = "srcset" in image;
+		pf.sizesSupported = "sizes" in image;
 	})();
 
 	// just a string trim workaround
@@ -158,18 +157,17 @@ window.matchMedia || (window.matchMedia = function() {
 	pf.types[ "image/webp" ] = function() {
 		// based on Modernizr's lossless img-webp test
 		// note: asynchronous
-		var img = new w.Image(),
-			type = "image/webp";
+		var type = "image/webp";
 
-		img.onerror = function() {
+		image.onerror = function() {
 			pf.types[ type ] = false;
 			picturefill();
 		};
-		img.onload = function() {
-			pf.types[ type ] = img.width === 1;
+		image.onload = function() {
+			pf.types[ type ] = image.width === 1;
 			picturefill();
 		};
-		img.src = "data:image/webp;base64,UklGRh4AAABXRUJQVlA4TBEAAAAvAAAAAAfQ//73v/+BiOh/AAA=";
+		image.src = "data:image/webp;base64,UklGRh4AAABXRUJQVlA4TBEAAAAvAAAAAAfQ//73v/+BiOh/AAA=";
 	};
 
 	/**
@@ -641,4 +639,4 @@ window.matchMedia || (window.matchMedia = function() {
 		w.picturefill = picturefill;
 	}
 
-} )( this, this.document );
+} )( this, this.document, new this.Image() );
diff --git a/dist/picturefill.min.js b/dist/picturefill.min.js
diff --git a/src/picturefill.js b/src/picturefill.js
@@ -3,7 +3,7 @@
 *  License: MIT/GPLv2
 *  Spec: http://picture.responsiveimages.org/
 */
-(function( w, doc ) {
+(function( w, doc, image ) {
 	// Enable strict mode
 	"use strict";
 
@@ -24,9 +24,8 @@
 
 	// srcset support test
 	(function() {
-		var img = doc.createElement( "img" );
-		pf.srcsetSupported = "srcset" in img;
-		pf.sizesSupported = "sizes" in img;
+		pf.srcsetSupported = "srcset" in image;
+		pf.sizesSupported = "sizes" in image;
 	})();
 
 	// just a string trim workaround
@@ -109,18 +108,17 @@
 	pf.types[ "image/webp" ] = function() {
 		// based on Modernizr's lossless img-webp test
 		// note: asynchronous
-		var img = new w.Image(),
-			type = "image/webp";
+		var type = "image/webp";
 
-		img.onerror = function() {
+		image.onerror = function() {
 			pf.types[ type ] = false;
 			picturefill();
 		};
-		img.onload = function() {
-			pf.types[ type ] = img.width === 1;
+		image.onload = function() {
+			pf.types[ type ] = image.width === 1;
 			picturefill();
 		};
-		img.src = "data:image/webp;base64,UklGRh4AAABXRUJQVlA4TBEAAAAvAAAAAAfQ//73v/+BiOh/AAA=";
+		image.src = "data:image/webp;base64,UklGRh4AAABXRUJQVlA4TBEAAAAvAAAAAAfQ//73v/+BiOh/AAA=";
 	};
 
 	/**
@@ -592,4 +590,4 @@
 		w.picturefill = picturefill;
 	}
 
-} )( this, this.document );
+} )( this, this.document, new this.Image() );