Hab hier einen einfachen Slider. Allerdings, wenn die neun Bilder ducrhgeklickt wurden bleiben nur Pfeile links/recht übrig dann kann ich wieder zurückklicken. Auch am Anfang muss man ein paarmal klicken bis der Slider sich besinnt.
Ich habe das script im verdacht
function keyPress(e) {
e = e || window.event;
event ist wohl wie das gesamte script veraltet
das Script
Code
const items = document.querySelectorAll('img');
const itemCount = items.length;
const nextItem = document.querySelector('.next');
const previousItem = document.querySelector('.previous');
let count = 0;
function showNextItem() {
items[count].classList.remove('active');
if(count < itemCount - 1) {
count++;
} else {
count = 0;
}
items[count].classList.add('active');
console.log(count);
}
function showPreviousItem() {
items[count].classList.remove('active');
if(count > 0) {
count--;
} else {
count = itemCount - 1;
}
items[count].classList.add('active');
console.log(count);
}
function keyPress(e) {
e = e || window.event;
if (e.keyCode == '37') {
showPreviousItem();
} else if (e.keyCode == '39') {
showNextItem();
}
}
nextItem.addEventListener('click', showNextItem);
previousItem.addEventListener('click', showPreviousItem);
document.addEventListener('keydown', keyPress);Ich kann mir da selbst nicht weiterhelfen
Anzusehen auf miflo.de
