Refactor to support lazy loading

fscek · Mar 19, 2024 · 4a477d7 · 4a477d7
1 parent 349bea3
commit 4a477d7
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/assets/data/visuals.json b/assets/data/visuals.json
@@ -1,7 +1,7 @@
 [
   {
     "title": "Visual Artwork 1",
-    "date": "",
+    "date": "2016",
     "description": "A description of the first visual artwork.<br>Testing out breaks.",
     "images": [
       "https://cdn.jsdelivr.net/gh/fscek/szch-me-assets/images/music/2024/releases/test.jpg",

diff --git a/assets/js/visuals-script.js b/assets/js/visuals-script.js
@@ -12,7 +12,7 @@ function fetchAndRenderVisuals() {
         let visualHTML = `<h3 class="visual-title">${visual.title}</h3>`;
         if (visual.images && visual.images.length) {
           visual.images.forEach(image => {
-            visualHTML += `<img src="${image}" alt="${visual.title}" class="visual-image">`;
+            visualHTML += `<img src="${image}" alt="${visual.title}" loading="lazy" class="visual-image">`;
           });
         }
         if (visual.date) {