Nach oben
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();
});