From 93c9549b24f4dc3eb7ddfd6fa47d56fc039e27e8 Mon Sep 17 00:00:00 2001
From: Joost Boere <joost@op-stelten.nl>
Date: Sun, 10 Aug 2014 22:32:32 +0200
Subject: [PATCH] Add a class when the load starts

Add a class when loading an image: b-late -> + b-loading -> + b-loaded. This would allow acting on the actual loading. For example a fade out effect using css.
---
 blazy.js | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/blazy.js b/blazy.js
index 9d26d69..5f5b9c4 100644
--- a/blazy.js
+++ b/blazy.js
@@ -47,6 +47,7 @@
 		options.container	= options.container 	?  document.querySelectorAll(options.container) : false;
 		options.errorClass 	= options.errorClass 	|| 'b-error';
 		options.breakpoints	= options.breakpoints	|| false;
+		options.loadingClass 	= options.loadingClass 	|| 'b-loading';
 		options.successClass 	= options.successClass 	|| 'b-loaded';
 		options.src = source 	= options.src		|| 'data-src';
 		isRetina		= window.devicePixelRatio > 1;
@@ -148,6 +149,7 @@
 					ele.className = ele.className + ' ' + options.successClass;	
 					if(options.success) options.success(ele);
 				};
+				ele.className = ele.className + ' ' + options.loadingClass;
 				img.src = src; //preload image
 			} else {
 				if(options.error) options.error(ele, "missing");