• 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,000 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
Wynikowy wygląd pytania, odpowiedzi czy komentarza, różni się od tego zaprezentowanego w edytorze postów. Stosuj więc funkcję Podgląd posta znajdującą się pod edytorem, aby upewnić się, czy na pewno ostateczny rezultat ci odpowiada.Podgląd posta

66,364 zapytań

113,102 odpowiedzi

239,387 komentarzy

46,621 pasjonatów

Przeglądających: 306
Pasjonatów: 16 Gości: 290

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.

...