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:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user