Banner-Slider: Vor-/Zurück-Steuerung

Prev/Next-Navigationsbuttons für den Banner-Slider (carousel.js, generisch über
[data-carousel-prev/next]), zugehörige ad-banner-Steuerungs-Styles und Chevron-
Icons. Ohne JS bleiben die Controls ausgeblendet (progressive enhancement).

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01HGzc6GhWhmLJt1jC2q1SRZ
This commit is contained in:
2026-06-20 20:49:12 +02:00
parent b40f36aee6
commit a3d64e7d91
6 changed files with 86 additions and 45 deletions

View File

@@ -29,6 +29,8 @@
var controls = root.querySelector('[data-carousel-controls]');
var toggle = root.querySelector('[data-carousel-toggle]');
var toggleLabel = root.querySelector('[data-carousel-toggle-label]');
var prevBtn = root.querySelector('[data-carousel-prev]');
var nextBtn = root.querySelector('[data-carousel-next]');
if (slides.length <= 1) {
return;
}
@@ -96,6 +98,13 @@
});
});
if (prevBtn) {
prevBtn.addEventListener('click', function () { activate(index - 1); });
}
if (nextBtn) {
nextBtn.addEventListener('click', function () { activate(index + 1); });
}
// Steuerung einblenden (ohne JS bleibt sie verborgen, da funktionslos).
if (controls) {
controls.hidden = false;