From 4c06eb64cbed3562e428ce59857d1763098638f3 Mon Sep 17 00:00:00 2001 From: Nathan Reiner Date: Wed, 19 Nov 2025 09:15:49 +0100 Subject: allow images to upload and sort if according to their datetime --- static/pages/image-viewer/index.css | 4 ++++ static/pages/image-viewer/index.js | 8 +++++++- 2 files changed, 11 insertions(+), 1 deletion(-) (limited to 'static/pages/image-viewer') diff --git a/static/pages/image-viewer/index.css b/static/pages/image-viewer/index.css index 6f53333..a1a9b76 100644 --- a/static/pages/image-viewer/index.css +++ b/static/pages/image-viewer/index.css @@ -15,3 +15,7 @@ border-radius: var(--border-radius); box-shadow: #223223aa 1px 1px 4px; } + +#container img.hidden { + filter: brightness(0) invert(); +} diff --git a/static/pages/image-viewer/index.js b/static/pages/image-viewer/index.js index f65c12b..d28b3e1 100644 --- a/static/pages/image-viewer/index.js +++ b/static/pages/image-viewer/index.js @@ -15,7 +15,13 @@ export default class ImageViewer extends sfw.element.Container { } add(url) { - this.#container.append(Img.new({ src: url })); + let image; + this.#container.append( + image = Img.new({ + className: 'hidden', + src: url, + onload: () => image.classList.remove('hidden') + })); } clear() { -- cgit v1.2.3-70-g09d2