diff --git a/Jellyfin.Plugin.Seasonals/Web/autumn.js b/Jellyfin.Plugin.Seasonals/Web/autumn.js index e9d51ca..2c934b7 100644 --- a/Jellyfin.Plugin.Seasonals/Web/autumn.js +++ b/Jellyfin.Plugin.Seasonals/Web/autumn.js @@ -7,6 +7,25 @@ const enableDiffrentDuration = config.EnableDifferentDuration !== undefined ? co const enableRotation = config.EnableRotation !== undefined ? config.EnableRotation : false; // enable/disable leaf rotation const leafCount = config.LeafCount || 25; // count of random extra leaves +const images = [ + "../Seasonals/Resources/autumn_images/acorn1.png", + "../Seasonals/Resources/autumn_images/acorn2.png", + "../Seasonals/Resources/autumn_images/leaf1.png", + "../Seasonals/Resources/autumn_images/leaf2.png", + "../Seasonals/Resources/autumn_images/leaf3.png", + "../Seasonals/Resources/autumn_images/leaf4.png", + "../Seasonals/Resources/autumn_images/leaf5.png", + "../Seasonals/Resources/autumn_images/leaf6.png", + "../Seasonals/Resources/autumn_images/leaf7.png", + "../Seasonals/Resources/autumn_images/leaf8.png", + "../Seasonals/Resources/autumn_images/leaf9.png", + "../Seasonals/Resources/autumn_images/leaf10.png", + "../Seasonals/Resources/autumn_images/leaf11.png", + "../Seasonals/Resources/autumn_images/leaf12.png", + "../Seasonals/Resources/autumn_images/leaf13.png", + "../Seasonals/Resources/autumn_images/leaf14.png", + "../Seasonals/Resources/autumn_images/leaf15.png", +]; let msgPrinted = false; // flag to prevent multiple console messages @@ -38,35 +57,13 @@ function toggleAutumn() { // observe changes in the DOM const observer = new MutationObserver(toggleAutumn); - -// start observation observer.observe(document.body, { - childList: true, // observe adding/removing of child elements - subtree: true, // observe all levels of the DOM tree - attributes: true // observe changes to attributes (e.g. class changes) + childList: true, + subtree: true, + attributes: true }); -const images = [ - "../Seasonals/Resources/autumn_images/acorn1.png", - "../Seasonals/Resources/autumn_images/acorn2.png", - "../Seasonals/Resources/autumn_images/leaf1.png", - "../Seasonals/Resources/autumn_images/leaf2.png", - "../Seasonals/Resources/autumn_images/leaf3.png", - "../Seasonals/Resources/autumn_images/leaf4.png", - "../Seasonals/Resources/autumn_images/leaf5.png", - "../Seasonals/Resources/autumn_images/leaf6.png", - "../Seasonals/Resources/autumn_images/leaf7.png", - "../Seasonals/Resources/autumn_images/leaf8.png", - "../Seasonals/Resources/autumn_images/leaf9.png", - "../Seasonals/Resources/autumn_images/leaf10.png", - "../Seasonals/Resources/autumn_images/leaf11.png", - "../Seasonals/Resources/autumn_images/leaf12.png", - "../Seasonals/Resources/autumn_images/leaf13.png", - "../Seasonals/Resources/autumn_images/leaf14.png", - "../Seasonals/Resources/autumn_images/leaf15.png", -]; - function addRandomLeaves(count) { const autumnContainer = document.querySelector('.autumn-container'); // get the leave container if (!autumnContainer) return; // exit if leave container is not found