Cleaning
This commit is contained in:
@ -9,7 +9,6 @@ window.addEventListener("DOMContentLoaded", () => {
|
|||||||
entries.forEach(entry => {
|
entries.forEach(entry => {
|
||||||
if (entry.isIntersecting) {
|
if (entry.isIntersecting) {
|
||||||
const img = entry.target;
|
const img = entry.target;
|
||||||
console.log("Lazy-loading image:", img.dataset.src);
|
|
||||||
img.src = img.dataset.src;
|
img.src = img.dataset.src;
|
||||||
img.onload = () => {
|
img.onload = () => {
|
||||||
img.classList.add("loaded");
|
img.classList.add("loaded");
|
||||||
|
@ -47,9 +47,9 @@ function renderGallery() {
|
|||||||
const div = document.createElement('div');
|
const div = document.createElement('div');
|
||||||
div.className = 'photo flex-item flex-column';
|
div.className = 'photo flex-item flex-column';
|
||||||
div.innerHTML = `
|
div.innerHTML = `
|
||||||
<div class="flex-item">
|
<div class="flex-item">
|
||||||
<img class="fade-in-img" src="/photos/${img.src}">
|
<img class="fade-in-img" src="/photos/${img.src}">
|
||||||
</div>
|
</div>
|
||||||
<div class="tags-display" data-index="${i}"></div>
|
<div class="tags-display" data-index="${i}"></div>
|
||||||
<div class="flex-item flex-full">
|
<div class="flex-item flex-full">
|
||||||
<div class="flex-item flex-end">
|
<div class="flex-item flex-end">
|
||||||
@ -93,7 +93,7 @@ function renderGallery() {
|
|||||||
removeAllBtnBottom.style.display = imagesToShow.length > 0 ? 'inline-block' : 'none';
|
removeAllBtnBottom.style.display = imagesToShow.length > 0 ? 'inline-block' : 'none';
|
||||||
}
|
}
|
||||||
|
|
||||||
// --- Fade-in effect for loaded images ---
|
// Fade-in effect for loaded images
|
||||||
const fadeImages = document.querySelectorAll("img.fade-in-img");
|
const fadeImages = document.querySelectorAll("img.fade-in-img");
|
||||||
fadeImages.forEach(img => {
|
fadeImages.forEach(img => {
|
||||||
const onLoad = () => {
|
const onLoad = () => {
|
||||||
|
@ -1094,4 +1094,3 @@ justify-content: center;
|
|||||||
flex-wrap: nowrap;
|
flex-wrap: nowrap;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Reference in New Issue
Block a user