template/script.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

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', '');

    img.addEventListener('mouseover', evt => {
      evt.target.src = originalImage;
      console.log('mouseover')
    });

    img.addEventListener('mouseout', evt => {
      evt.target.src = ditheredImage;
      console.log('mouseout')
    });

  });
});