Added dithered images

1 files changed, 16 insertions, 0 deletions

diff --git a/template/script.js b/template/script.js
index 8b13789..3d80484 100755
--- a/template/script.js
+++ b/template/script.js
@@ -1 +1,17 @@
+// dither image on mouse over replace
+document.querySelectorAll('article img').forEach(img => {
 
+  const ditheredImage = img.src;
+  const originalImage = img.src.replace('.dith.gif', '');
+
+  img.addEventListener('mouseover', evt => {
+    evt.target.src = originalImage;
+    console.log('mouseover')
+  });
+
+  img.addEventListener('mouseout', evt => {
+    evt.target.src = ditheredImage;
+    console.log('mouseout')
+  });
+
+});