From 33d67ffc4f9d9d0d7ad672997ffc5261770d988b Mon Sep 17 00:00:00 2001 From: "(quasar) nebula" Date: Wed, 28 Oct 2020 18:01:59 -0300 Subject: so far so good --- static/lazy-show.js | 16 ++++++++++++++++ 1 file changed, 16 insertions(+) create mode 100644 static/lazy-show.js (limited to 'static/lazy-show.js') diff --git a/static/lazy-show.js b/static/lazy-show.js new file mode 100644 index 00000000..c6a1bf25 --- /dev/null +++ b/static/lazy-show.js @@ -0,0 +1,16 @@ +// Kinda like lazy-fallback.js in that this should work on any 8rowser, period. +// Shows the lazy loading images iff JS is enabled (so that you don't have a +// duplicate image if JS is disabled). + +lazyLoadingShowHiddenImages(); + +function lazyLoadingShowHiddenImages() { + // This is a live HTMLCollection! We can't iter8te over it normally 'cuz + // we'd 8e mutating its value just 8y interacting with the DOM elements it + // contains. A while loop works just fine, even though you'd think reading + // over this code that this would 8e an infinitely hanging loop. It isn't! + var elements = document.getElementsByClassName('js-hide'); + while (elements.length) { + elements[0].classList.remove('js-hide'); + } +} -- cgit 1.3.0-6-gf8a5