Backgroound Image
document.addEventListener("DOMContentLoaded", function () { /* Wolke erzeugen */ const cloud = document.createElement("div"); cloud.id = "magic-cloud"; document.body.appendChild(cloud); /* Bild in der Wolke */ const img = document.createElement("img"); cloud.appendChild(img); /* Zuordnung: Menüpunkt → Bild */ const cloudImages = { labor: "URL_ZUM_LABOR_ICON.png", geister: "URL_ZUM_GEIST_ICON.png", uap: "URL_ZUM_UFO_ICON.png", musik: "URL_ZUR_MUSIKNOTE.png", pflanzen: "URL_ZUR_PFLANZE.png", spiele: "URL_ZUM_GAMEPAD.png", strasse: "URL_ZUM_KOPF_ICON.png", news: "URL_ZUM_BUCH.png", strange: "URL_ZUM_FRAGEZEICHEN.png", links: "URL_ZUR_KETTE.png", webkunst: "URL_ZUR_PALETTE.png" }; /* Menüpunkte finden */ const menuLinks = document.querySelectorAll("#primary-menu li a"); menuLinks.forEach(link => { /* Jeder Menüpunkt bekommt ein data-cloud="labor" etc. */ const key = link.dataset.cloud; if (!key) return; link.addEventListener("mouseenter", () => { img.src = cloudImages[key]; cloud.classList.add("active"); }); link.addEventListener("mouseleave", () => { cloud.classList.remove("active"); }); }); });