← Каталог
Виджеты интерфейса на ванильном JavaScript — showSlide(index) — связка с CSS
Фрагмент из «Виджеты интерфейса на ванильном JavaScript»: showSlide(index) — связка с CSS.
showSlide(index) {
this.slides.forEach((slide, i) => {
const active = i === index;
slide.dataset.active = active ? 'true' : 'false';
slide.setAttribute('aria-hidden', active ? 'false' : 'true');
});
this.indicators.forEach((dot, i) => {
const active = i === index;
dot.dataset.active = active ? 'true' : 'false';
if (active) {
dot.setAttribute('aria-current', 'true');
} else {
dot.removeAttribute('aria-current');
}
});
this.onSlideChange?.(index);
} showSlide(index) {
this.slides.forEach((slide, i) => {
const active = i === index;
slide.dataset.active = active ? 'true' : 'false';
slide.setAttribute('aria-hidden', active ? 'false' : 'true');
});
this.indicators.forEach((dot, i) => {
const active = i === index;
dot.dataset.active = active ? 'true' : 'false';
if (active) {
dot.setAttribute('aria-current', 'true');
} else {
dot.removeAttribute('aria-current');
}
});
this.onSlideChange?.(index);
}