diff options
author | (quasar) nebula <towerofnix@gmail.com> | 2020-10-28 18:01:59 -0300 |
---|---|---|
committer | (quasar) nebula <towerofnix@gmail.com> | 2020-10-28 18:01:59 -0300 |
commit | 33d67ffc4f9d9d0d7ad672997ffc5261770d988b (patch) | |
tree | bcb53a80baf13289dcd4c7b9bf9d490e13306171 /static/lazy-show.js | |
parent | 25798012d6a0ab3ba0c439f372bbedc5943ac47e (diff) |
so far so good
Diffstat (limited to 'static/lazy-show.js')
-rw-r--r-- | static/lazy-show.js | 16 |
1 files changed, 16 insertions, 0 deletions
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'); + } +} |