fix: image lightbox loading
This commit is contained in:
parent
08505c2403
commit
d1e8e2b27c
3 changed files with 27 additions and 2 deletions
|
@ -1030,8 +1030,24 @@ ${option.input_element_type === "textarea" ? `${option.value}</textarea>` : ""}
|
|||
);
|
||||
|
||||
// lightbox
|
||||
self.define("lightbox_open", (_, src) => {
|
||||
self.define("lightbox_open", async (_, src) => {
|
||||
document.getElementById("lightbox_img").src = src;
|
||||
document.getElementById("lightbox_img_a").href = src;
|
||||
|
||||
await (async () => {
|
||||
return new Promise((resolve, reject) => {
|
||||
let idx = 0;
|
||||
const inter = setInterval(() => {
|
||||
idx += 1;
|
||||
if (document.getElementById("lightbox_img").complete) {
|
||||
console.log(`img loaded (took ${idx})`);
|
||||
clearInterval(inter);
|
||||
return resolve();
|
||||
}
|
||||
}, 25);
|
||||
});
|
||||
})();
|
||||
|
||||
document.getElementById("lightbox").classList.remove("hidden");
|
||||
});
|
||||
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue