use custom lazyloaded event, because load event is sometimes buggy (f…

…ixes #437)
aFarkas · Oct 22, 2017 · 0837070 · 0837070
1 parent 9f00ad8
commit 0837070
Showing 1 changed file with 8 additions and 5 deletions.
diff --git a/plugins/object-fit/ls.object-fit.js b/plugins/object-fit/ls.object-fit.js
@@ -44,15 +44,16 @@
 	}
 
 	function initFix(element, config){
-		var switchClassesAdded;
+		var switchClassesAdded, addedSrc;
 		var lazysizesCfg = lazySizes.cfg;
 		var styleElement = element.cloneNode(false);
 		var styleElementStyle = styleElement.style;
 
 		var onChange = function(){
 			var src = element.currentSrc || element.src;
 
-			if(src){
+			if(src && addedSrc !== src){
+				addedSrc = src;
 				styleElementStyle.backgroundImage = 'url(' + (regBgUrlEscape.test(src) ? JSON.stringify(src) : src ) + ')';
 
 				if(!switchClassesAdded){
@@ -62,12 +63,14 @@
 				}
 			}
 		};
+		var rafedOnChange = function(){
+			lazySizes.rAF(onChange);
+		};
 
 		element._lazysizesParentFit = config.fit;
 
-		element.addEventListener('load', function(){
-			lazySizes.rAF(onChange);
-		}, true);
+		element.addEventListener('lazyloaded', rafedOnChange, true);
+		element.addEventListener('load', rafedOnChange, true);
 
 		styleElement.addEventListener('load', function(){
 			var curSrc = styleElement.currentSrc || styleElement.src;