1 files changed, 40 insertions, 0 deletions
diff --git a/init.js b/init.js
new file mode 100644
index 0000000..87a2299
--- /dev/null
+++ b/init.js
@@ -0,0 +1,40 @@
+/* global require, PluginHost */
+
+require(['dojo/_base/kernel', 'dojo/ready'], function  (dojo, ready) {
+	function set_placeholder(img) {
+
+		img.style.backgroundColor = '#bbb';
+		img.style.backgroundImage = 'url(plugins.local/af_img_placeholders/loading.png)';
+		img.style.backgroundPosition = 'center center';
+		img.style.backgroundRepeat = 'no-repeat';
+		img.style.minWidth = '300px';
+		img.style.minHeight = '300px';
+
+		img.onload = function() {
+			img.style.minWidth = '';
+			img.style.minHeight = '';
+		}
+
+		img.onerror = function() {
+			this.style.backgroundColor = '';
+			this.style.backgroundImage = '';
+		}
+
+	}
+
+	function set_placeholders(row) {
+		[...row.querySelectorAll("img")].forEach((img) => set_placeholder(img));
+	}
+
+	ready(function () {
+		PluginHost.register(PluginHost.HOOK_ARTICLE_RENDERED_CDM, function (row) {
+			set_placeholders(row.querySelector(".content"));
+			return true;
+		});
+
+		PluginHost.register(PluginHost.HOOK_ARTICLE_RENDERED, function (row) {
+			set_placeholders(row);
+			return true;
+		});
+	});
+});