refactor

src/ts/image.ts

@@ -0,0 +1,27 @@
+export class Image {
+  image: HTMLImageElement;
+
+  constructor(img: HTMLImageElement) {
+    this.image = img;
+  }
+
+  fadeIn(): void {
+    this.image.style.opacity = "1";
+  }
+
+  attachEvents(): void {
+    this.image.addEventListener("load", () => this.fadeIn());
+  }
+
+  start(): void {
+    if (this.image.dataset.loadTransition === "false") {
+      return;
+    }
+    this.image.style.opacity = "0";
+    if (this.image.complete) {
+      this.fadeIn();
+    } else {
+      this.attachEvents();
+    }
+  }
+}