• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Prosty slajder JS - blad

0 głosów
48 wizyt
pytanie zadane 11 kwietnia 2017 w JavaScript, jQuery, AJAX przez shslr Obywatel (1,310 p.)

Mam do zrobienia prosty slajder w jsie. Bez pomocy zadnych wtyczek. Napisalem taki kod ale on nie wchodzi. Mysle ze powinno to dzialac wiec moze ktos mi powie co jest nie tak? Dzieki 

var leftA = document.querySelector("#leftA");
console.log(leftA);
var rightA = document.querySelector("#rightA");
console.log(rightA);

var images = [blackchair,orangechair,redchair];
console.log(images);
var imageNumber = 0;
var imageLength = images.length -1;

function changeImage(x){
  imageNumber += x;
  if(imageNumber > imageLength){
    imageNumber = 0;
  }
  if (imageNumber < 0){
    imageNumber = imageLength;
  }
  document.querySelector(".blackchair").src = images[imageNumber];
  console.log(images[imageNumber]);
}

leftA.addEventListener("click", changeImage(-1));
rightA.addEventListener("click", changeImage(1));

 

2 odpowiedzi

+1 głos
odpowiedź 11 kwietnia 2017 przez mtk3d Nałogowiec (44,290 p.)
wybrane 11 kwietnia 2017 przez shslr
 
Najlepsza

1. Do tablicy dane musisz wpisać w cudzysłowiach.
2. W addEvenListener nie można wpisać bezpośrednio funkcji z parametrem, jedynie jej nazwę. Najłatwiej zrobić to tak:

leftA.addEventListener("click", function(){
    changeImage(-1);
});

 

pytanie zadane 11 kwietnia 2017 w JavaScript, jQuery, AJAX przez shslr Obywatel (1,310 p.) Slajder js problem
0 głosów
odpowiedź 11 kwietnia 2017 przez ShiroUmizake Nałogowiec (45,360 p.)
Twój listener bezpośrednio szuka w tym przypadku funkcji changeImage(-1), gdyż odwołuje się do instancji funkcji. A ta jest niezgodna z standardem języka.

Podobne pytania

0 głosów
1 odpowiedź 73 wizyt
0 głosów
1 odpowiedź 104 wizyt
pytanie zadane 29 lutego 2016 w JavaScript, jQuery, AJAX przez BlvckFox Gaduła (3,540 p.)
0 głosów
1 odpowiedź 175 wizyt
Porady nie od parady
Odznacz odpowiedź zieloną fajką, jeśli uważasz, że jest ona najlepsza ze wszystkich i umożliwiła ci rozwiązanie problemu.Najlepsza odpowiedź

66,398 zapytań

113,152 odpowiedzi

239,540 komentarzy

46,660 pasjonatów

Przeglądających: 313
Pasjonatów: 14 Gości: 299

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...