• 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 (43,510 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,880 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ź 102 wizyt
pytanie zadane 29 lutego 2016 w JavaScript, jQuery, AJAX przez BlvckFox Gaduła (3,420 p.)
0 głosów
1 odpowiedź 164 wizyt
Porady nie od parady
Zadając pytanie postaraj się o szczegółowe opisanie problemu oraz udostępnienie wszystkich istotnych informacji (kody źródłowe, zrzuty ekranu itp.).Opisanie problemu

64,791 zapytań

111,249 odpowiedzi

233,951 komentarzy

46,683 pasjonatów

Przeglądających: 190
Pasjonatów: 7 Gości: 183

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.

...