From 7f631c493d04ba96e36975365532e2172fec367e Mon Sep 17 00:00:00 2001 From: Mitja Felicijan Date: Thu, 7 Oct 2021 21:13:14 +0200 Subject: Added dithered images --- template/script.js | 16 ++++++++++++++++ 1 file changed, 16 insertions(+) (limited to 'template/script.js') 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') + }); + +}); -- cgit v1.2.3