28 lines
1.1 KiB
JavaScript
28 lines
1.1 KiB
JavaScript
// Mobiles Menü
|
|
const toggle = document.querySelector('.nav-toggle');
|
|
const menu = document.querySelector('.nav-menu');
|
|
if (toggle && menu) {
|
|
toggle.addEventListener('click', () => {
|
|
menu.classList.toggle('open');
|
|
});
|
|
// Schließen beim Klick auf einen Link
|
|
menu.querySelectorAll('a').forEach(a => {
|
|
a.addEventListener('click', () => menu.classList.remove('open'));
|
|
});
|
|
}
|
|
|
|
// Slide-Box (Bildkarussell)
|
|
document.querySelectorAll('.slider').forEach(slider => {
|
|
const track = slider.querySelector('.slider-track');
|
|
const prev = slider.querySelector('.slider-prev');
|
|
const next = slider.querySelector('.slider-next');
|
|
const step = () => {
|
|
const slide = track.querySelector('.slider-slide');
|
|
if (!slide) return slider.clientWidth * 0.8;
|
|
const gap = parseFloat(getComputedStyle(track).columnGap) || 0;
|
|
return slide.getBoundingClientRect().width + gap;
|
|
};
|
|
if (prev) prev.addEventListener('click', () => track.scrollBy({ left: -step(), behavior: 'smooth' }));
|
|
if (next) next.addEventListener('click', () => track.scrollBy({ left: step(), behavior: 'smooth' }));
|
|
});
|