dan/dribbblish-dynamic-theme
1
0
Fork 0
mirror of https://github.com/danbulant/dribbblish-dynamic-theme synced 2026-05-24 12:35:05 +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() {
if (!document.querySelector(".main-image-image.cover-art-image")) return setTimeout(registerCoverListener, 250);
pickCoverColor(document.querySelector(".main-image-image.cover-art-image"));
const img = 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 img = document.querySelector(".main-image-image.cover-art-image");
if (!img) return registerCoverListener();
if (!img) {
observer.disconnect();
return registerCoverListener();
}
pickCoverColor(img);
});
observer.observe(document.querySelector(".main-image-image.cover-art-image"), {
observer.observe(img, {
attributes: true,
attributeFilter: ["src"]
});