Ensure images don't get stuck on opacity 0

This commit is contained in:
2018-04-29 18:06:36 +01:00
parent 2fbf3b552f
commit c93b9af4b1
3 changed files with 35 additions and 9 deletions

View File

@@ -3,16 +3,20 @@ export default class Image {
this.image = image;
}
showImage() {
fadeIn() {
this.image.style.opacity = 1;
}
fadeIn() {
start() {
this.image.style.opacity = 0;
this.attachLoadedEvent();
if (this.image.complete) {
this.fadeIn();
} else {
this.attachLoadedEvent();
}
}
attachLoadedEvent() {
this.image.addEventListener('load', () => this.showImage());
this.image.addEventListener('load', () => this.fadeIn());
}
}