• 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
47 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 (42,730 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 (44,340 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ź 72 wizyt
0 głosów
1 odpowiedź 100 wizyt
pytanie zadane 29 lutego 2016 w JavaScript, jQuery, AJAX przez BlvckFox Gaduła (3,270 p.)
0 głosów
1 odpowiedź 156 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

62,438 zapytań

108,589 odpowiedzi

226,699 komentarzy

35,997 pasjonatów

Przeglądających: 68
Pasjonatów: 8 Gości: 60

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.

...