try fix image load safari
This commit is contained in:
parent
cdf5c988a1
commit
b45806fa8c
2 changed files with 7 additions and 13 deletions
|
|
@ -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
|
||||
|
|
|
|||
|
|
@ -26,7 +26,6 @@
|
|||
width="<?= $width ?>"
|
||||
height="<?= $height ?>"
|
||||
alt="<?= $alt?>"
|
||||
<?= e($lazy, 'loading="lazy"') ?>
|
||||
>
|
||||
<div class="loader"></div>
|
||||
</picture>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue