dan/dribbblish-dynamic-theme
1
0
Fork 0
mirror of https://github.com/danbulant/dribbblish-dynamic-theme synced 2026-06-07 08:40:44 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

improve cover listener

Browse source
This commit is contained in:
Send_Nukez 2021-11-04 00:01:44 +01:00
parent 9b19b3c9af
commit c3f1f235c1
1 changed files with 9 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
src/js/main.js
View file

@ -667,15 +667,20 @@ async function pickCoverColor(img) {
} }
function registerCoverListener() { function registerCoverListener() {
if (!document.querySelector(".main-image-image.cover-art-image")) return setTimeout(registerCoverListener, 250); const img = document.querySelector(".main-image-image.cover-art-image");
pickCoverColor(document.querySelector(".main-image-image.cover-art-image")); if (!img) return setTimeout(registerCoverListener, 250); // Check if image exists
if (!img.complete) return img.addEventListener("load", registerCoverListener); // Check if image is loaded
pickCoverColor(img);
const observer = new MutationObserver((muts) => { const observer = new MutationObserver((muts) => {
const img = document.querySelector(".main-image-image.cover-art-image"); const img = document.querySelector(".main-image-image.cover-art-image");
if (!img) return registerCoverListener(); if (!img) {
observer.disconnect();
return registerCoverListener();
}
pickCoverColor(img); pickCoverColor(img);
}); });
observer.observe(document.querySelector(".main-image-image.cover-art-image"), { observer.observe(img, {
attributes: true, attributes: true,
attributeFilter: ["src"] attributeFilter: ["src"]
}); });