« get me outta code hell

break up utility file, get build for sure working - hsmusic-wiki - HSMusic - static wiki software cataloguing collaborative creation
about summary refs log tree commit diff
path: root/static/lazy-loading.js
diff options
context:
space:
mode:
author(quasar) nebula <towerofnix@gmail.com>2021-05-06 14:56:18 -0300
committer(quasar) nebula <towerofnix@gmail.com>2021-05-06 14:56:18 -0300
commitead9bdc9fc1e9cc62a26e59f6880a13aa864f931 (patch)
treed459b47dbb17ad99615ca595bbe1e92d651eab15 /static/lazy-loading.js
parent2260541dc69c19e7444348ac3243f96e4321b781 (diff)
break up utility file, get build for sure working
still Much Work Yet Ahead but this is good progress!! also the site is
in a working state afaict and thats a kinda nice milestone lmbo
Diffstat (limited to 'static/lazy-loading.js')
-rw-r--r--static/lazy-loading.js51
1 files changed, 0 insertions, 51 deletions
diff --git a/static/lazy-loading.js b/static/lazy-loading.js
deleted file mode 100644
index a403d7c..0000000
--- a/static/lazy-loading.js
+++ /dev/null
@@ -1,51 +0,0 @@
-// Lazy loading! Roll your own. Woot.
-// This file includes a 8unch of fall8acks and stuff like that, and is written
-// with fairly Olden JavaScript(TM), so as to work on pretty much any 8rowser
-// with JS ena8led. (If it's disa8led, there are gener8ted <noscript> tags to
-// work there.)
-
-var observer;
-
-function loadImage(image) {
-    image.src = image.dataset.original;
-}
-
-function lazyLoad(elements) {
-    for (var i = 0; i < elements.length; i++) {
-        var item = elements[i];
-        if (item.intersectionRatio > 0) {
-            observer.unobserve(item.target);
-            loadImage(item.target);
-        }
-    }
-}
-
-function lazyLoadMain() {
-    // 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');
-    }
-
-    var lazyElements = document.getElementsByClassName('lazy');
-    if (window.IntersectionObserver) {
-        observer = new IntersectionObserver(lazyLoad, {
-            rootMargin: '200px',
-            threshold: 1.0
-        });
-        for (var i = 0; i < lazyElements.length; i++) {
-            observer.observe(lazyElements[i]);
-        }
-    } else {
-        for (var i = 0; i < lazyElements.length; i++) {
-            var element = lazyElements[i];
-            var original = element.getAttribute('data-original');
-            element.setAttribute('src', original);
-        }
-    }
-}
-
-document.addEventListener('DOMContentLoaded', lazyLoadMain);