image-viewer: lazy-loader

1 files changed, 6 insertions, 1 deletions

diff --git a/static/widgets/image/index.js b/static/widgets/image/index.js
index 202494b..4c25988 100644
--- a/static/widgets/image/index.js
+++ b/static/widgets/image/index.js
@@ -46,6 +46,11 @@ export default class Image extends sfw.element.Container {
 	set id(id) {
 		this.#id = id;
 		this.#container.classList.remove('loaded');
-		this.#image.src = `/api/image/load/${id}`;
+	}
+
+	load() {
+		if (!this.#image.src) {
+			this.#image.src = `/api/image/load/${this.#id}`;
+		}
 	}
 }