try fix image load safari

This commit is contained in:
isUnknown 2024-09-20 08:48:10 +02:00
parent cdf5c988a1
commit b45806fa8c
2 changed files with 7 additions and 13 deletions

View file

@ -10,9 +10,12 @@ document.addEventListener("DOMContentLoaded", () => {
footer: document.querySelector(".main-footer"),
nav: document.querySelector(".main-nav"),
jsLinks: document.querySelectorAll(".js-link"),
images: document.querySelectorAll("img"),
};
setTimeout(() => {
nodes.images = document.querySelectorAll("img");
}, 0);
// Listeners
nodes.burgerBtn.addEventListener("click", () => expandNav(nodes));
nodes.closeNavBtn.addEventListener("click", () => closeNav(nodes));
@ -23,25 +26,17 @@ document.addEventListener("DOMContentLoaded", () => {
setTimeout(() => {
nodes.images.forEach((image) => {
console.log(image);
console.log(image.complete);
if (image.complete) {
show(image);
} else {
image.addEventListener("load", () => {
console.log("image loaded");
show(image);
});
}
});
setTimeout(() => {
nodes.images.forEach((image) => {
if (image.complete) {
show(image);
} else {
image.addEventListener("load", () => {
show(image);
});
}
});
}, 500);
}, 50);
// Key shortcuts

View file

@ -26,7 +26,6 @@
width="<?= $width ?>"
height="<?= $height ?>"
alt="<?= $alt?>"
<?= e($lazy, 'loading="lazy"') ?>
>
<div class="loader"></div>
</picture>