faces

document.addEventListener('DOMContentLoaded', function () { const wrapper = document.querySelector('.maa-erzaehler-mega .maa-speaker-scroll'); if (!wrapper) return; const avatars = Array.from(wrapper.querySelectorAll('.maa-speaker-avatar')); if (!avatars.length) return; const MAX_DIST = 140; const BASE = 1.0; const EXTRA = 0.35; function update(mouseX) { avatars.forEach(av => { const r = av.getBoundingClientRect(); const cx = r.left + r.width / 2; const d = Math.abs(mouseX - cx); const t = Math.max(0, 1 - d / MAX_DIST); const influence = t * t; const scale = BASE + EXTRA * influence; av.style.transform = `scale(${scale.toFixed(3)})`; }); } function reset() { avatars.forEach(av => { av.style.transform = `scale(${BASE})`; }); } wrapper.addEventListener('mousemove', e => update(e.clientX)); wrapper.addEventListener('mouseleave', reset); reset(); });