Add image fade functionality

js/imagefade.js

@@ -0,0 +1,19 @@
+export default class ImageFade {
+  constructor() {
+    this.images = Array.prototype.slice.call(document.querySelectorAll('img'));
+    this.images.forEach((image) => {
+      this.prepareImage(image);
+      this.setEvent(image);
+    });
+  }
+
+  prepareImage(image) {
+    image.style.opacity = 0;
+  }
+
+  setEvent(image) {
+    image.addEventListener('load', () => {
+      image.style.opacity = 1;
+    });
+  }
+}

js/index.js

@@ -1,4 +1,5 @@
 import Article from './article';
+import ImageFade from './imagefade';
 import Menu from './menu';
 import Nav from './nav';
 
@@ -11,6 +12,7 @@ document.addEventListener('DOMContentLoaded', () => {
     el: document.querySelector('.Nav'),
     menu: site.menu,
   });
+  site.images = new ImageFade();
 
   site.articles = [].slice.call(document.querySelectorAll('.Article'))
     .map((article, index) => new Article({