From 43e7ed294c18ee8004f40ec6c1ed1c21f1190c49 Mon Sep 17 00:00:00 2001
From: Mitja Felicijan <mitja.felicijan@gmail.com>
Date: Thu, 7 Oct 2021 21:24:39 +0200
Subject: Async JS script

---
 template/_includes.html |  2 +-
 template/script.js      | 26 ++++++++++++++------------
 2 files changed, 15 insertions(+), 13 deletions(-)

diff --git a/template/_includes.html b/template/_includes.html
index 8627609..c0b639d 100755
--- a/template/_includes.html
+++ b/template/_includes.html
@@ -1,3 +1,3 @@
 <!-- user code -->
 
-<script src="/script.js"></script>
+<script src="/script.js?v=2021-10-07" async></script>
diff --git a/template/script.js b/template/script.js
index 3d80484..207f287 100755
--- a/template/script.js
+++ b/template/script.js
@@ -1,17 +1,19 @@
-// dither image on mouse over replace
-document.querySelectorAll('article img').forEach(img => {
+window.addEventListener('load', () => {
+  // dither image on mouse over replace
+  document.querySelectorAll('article img').forEach(img => {
 
-  const ditheredImage = img.src;
-  const originalImage = img.src.replace('.dith.gif', '');
+    const ditheredImage = img.src;
+    const originalImage = img.src.replace('.dith.gif', '');
 
-  img.addEventListener('mouseover', evt => {
-    evt.target.src = originalImage;
-    console.log('mouseover')
-  });
+    img.addEventListener('mouseover', evt => {
+      evt.target.src = originalImage;
+      console.log('mouseover')
+    });
 
-  img.addEventListener('mouseout', evt => {
-    evt.target.src = ditheredImage;
-    console.log('mouseout')
-  });
+    img.addEventListener('mouseout', evt => {
+      evt.target.src = ditheredImage;
+      console.log('mouseout')
+    });
 
+  });
 });
-- 
cgit v1.2.3