Added lazy loading

FANMixco · Apr 16, 2024 · b8eacb7 · b8eacb7
1 parent 36ebcc9
commit b8eacb7
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/js/apps.js b/js/apps.js
@@ -13,7 +13,7 @@ window.addEventListener('DOMContentLoaded', () => {
 });
 
 function load() {
-    const cardTemplate = `<div class="card border-0 transform-on-hover" style="padding-right: 0px; padding-left: 0px;"><img src="img/apps/{0}.png" alt="{1}" class="card-img-top"><div class="card-body"><h6><a href="#" class="text-decoration-none">{2}</a></h6><p class="card-text">{3}<a tabindex="0" data-bs-trigger="focus" data-bs-html="true" data-bs-placement="top" data-bs-toggle="popover" data-bs-container="body" title="{4}" data-bs-content="{5}" role="button" class="popMore btn btn-warning btn-circle text-white"><i class="fas fa-ellipsis-h"></i></a></p></div></div>`;
+    const cardTemplate = `<div class="card border-0 transform-on-hover" style="padding-right: 0px; padding-left: 0px;"><img src="img/apps/{0}.png" alt="{1}" loading="lazy" class="card-img-top"><div class="card-body"><h6><a href="#" class="text-decoration-none">{2}</a></h6><p class="card-text">{3}<a tabindex="0" data-bs-trigger="focus" data-bs-html="true" data-bs-placement="top" data-bs-toggle="popover" data-bs-container="body" title="{4}" data-bs-content="{5}" role="button" class="popMore btn btn-warning btn-circle text-white"><i class="fas fa-ellipsis-h"></i></a></p></div></div>`;
 
     const galleryTitle = "Federico Navarrete — Projects Gallery";
     const https = 'https://';

diff --git a/js/apps.min.js b/js/apps.min.js