document.querySelectorAll('.galerie img').forEach(img => { img.addEventListener('click', () => { const overlay = document.createElement('div'); overlay.style.cssText = 'position:fixed;inset:0;background:rgba(0,0,0,.8);display:flex;' + 'align-items:center;justify-content:center;cursor:pointer;z-index:999'; const big = document.createElement('img'); big.src = img.src; big.style.maxWidth = '90vw'; big.style.maxHeight = '90vh'; big.style.borderRadius = '10px'; overlay.appendChild(big); overlay.addEventListener('click', () => overlay.remove()); document.body.appendChild(overlay); }); });console.log("Meine Seite läuft!"); document.querySelectorAll('.galerie img').forEach(img => { img.addEventListener('click', () => { const overlay = document.createElement('div'); overlay.style.cssText = 'position:fixed;inset:0;background:rgba(0,0,0,.8);display:flex;' + 'align-items:center;justify-content:center;cursor:pointer;z-index:999'; const big = document.createElement('img'); big.src = img.src; big.style.maxWidth = '90vw'; big.style.maxHeight = '90vh'; overlay.appendChild(big); overlay.addEventListener('click', () => overlay.remove()); document.body.appendChild(overlay); }); }); document.querySelectorAll('.gallery img').forEach(img => { img.addEventListener('click', () => { const overlay = document.createElement('div'); overlay.style.cssText = 'position:fixed;inset:0;background:rgba(0,0,0,.8);display:flex;' + 'align-items:center;justify-content:center;cursor:pointer;z-index:999'; const big = document.createElement('img'); big.src = img.src; big.style.maxWidth = '90vw'; big.style.maxHeight = '90vh'; overlay.appendChild(big); overlay.addEventListener('click', () => overlay.remove()); document.body.appendChild(overlay); }); });