diff options
| author | Mitja Felicijan <mitja.felicijan@gmail.com> | 2021-10-07 21:24:39 +0200 |
|---|---|---|
| committer | Mitja Felicijan <mitja.felicijan@gmail.com> | 2021-10-07 21:24:39 +0200 |
| commit | 43e7ed294c18ee8004f40ec6c1ed1c21f1190c49 (patch) | |
| tree | 19a21c3801394a60d408562f437ba71e3dd3e8eb /template/script.js | |
| parent | 7f631c493d04ba96e36975365532e2172fec367e (diff) | |
| download | mitjafelicijan.com-43e7ed294c18ee8004f40ec6c1ed1c21f1190c49.tar.gz | |
Async JS script
Diffstat (limited to 'template/script.js')
| -rwxr-xr-x | template/script.js | 26 |
1 files changed, 14 insertions, 12 deletions
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 @@ | |||
| 1 | // dither image on mouse over replace | 1 | window.addEventListener('load', () => { |
| 2 | document.querySelectorAll('article img').forEach(img => { | 2 | // dither image on mouse over replace |
| 3 | document.querySelectorAll('article img').forEach(img => { | ||
| 3 | 4 | ||
| 4 | const ditheredImage = img.src; | 5 | const ditheredImage = img.src; |
| 5 | const originalImage = img.src.replace('.dith.gif', ''); | 6 | const originalImage = img.src.replace('.dith.gif', ''); |
| 6 | 7 | ||
| 7 | img.addEventListener('mouseover', evt => { | 8 | img.addEventListener('mouseover', evt => { |
| 8 | evt.target.src = originalImage; | 9 | evt.target.src = originalImage; |
| 9 | console.log('mouseover') | 10 | console.log('mouseover') |
| 10 | }); | 11 | }); |
| 11 | 12 | ||
| 12 | img.addEventListener('mouseout', evt => { | 13 | img.addEventListener('mouseout', evt => { |
| 13 | evt.target.src = ditheredImage; | 14 | evt.target.src = ditheredImage; |
| 14 | console.log('mouseout') | 15 | console.log('mouseout') |
| 15 | }); | 16 | }); |
| 16 | 17 | ||
| 18 | }); | ||
| 17 | }); | 19 | }); |