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

Problem z sliderem w js

0 głosów
65 wizyt
pytanie zadane 3 marca 2017 w JavaScript, jQuery, AJAX przez bartas1990 Początkujący (470 p.)
Cześć wszystkim chcę zrobić bardzo prosty slider składający się z trzech zdjęć. Tylko mam mały problem mianowicie nie za bardzo wiem jak zrobić pętle żeby po każdym kliknięciu iteratot zwiększał się o 1 i dawał następne zdjęcie:

1. Fragment kodu HTML:

<div class="pictures-chair">
          <div class="big-chair all-chairs"><img src="images/black_chair.png" /></div>
          <div class="orange-chair all-chairs"><img src="images/orange.png" /> </div>
          <div class="red-chair-nav all-chairs"><img src="images/red.png" /></div>
  </div>

2. JS

var nextBtn = document.querySelector('.char-two');
    var prevBtn = document.querySelector('.char-one');
    var bigChair = document.querySelector('.big-chair');
    var orangeChair = document.querySelector('.orange-chair');
    var redChair = document.querySelector('.red-chair-nav');
    var picturesChair = document.querySelectorAll('.all-chairs');
    for (var i = 0; i < picturesChair.length; i++) {

             picturesChair[i]
    }
    bigChair.style.visibility = 'visible';
    orangeChair.style.visibility = 'hidden';
    redChair.style.visibility = 'hidden';

    nextBtn.addEventListener('click', function(event){
      var picturesChair = document.querySelectorAll('.all-chairs');
      var counter = 0;

for (var i = 0; i < picturesChair.length; i++) {
         counter =+ 1;
         picturesChair[i];
       }
    });

 

Z góry dziękuje za każdą pomoc :)

1 odpowiedź

+1 głos
odpowiedź 3 marca 2017 przez Noemi Nałogowiec (41,300 p.)
wybrane 3 marca 2017 przez bartas1990
 
Najlepsza
ogólnie to nie ma czegoś takiego jak "=+" tylko jest "+=" ;)
a jak chcesz coś zwiększać o 1 to najlepiej po prostu counter++;

jeśli nie oglądałeś filmików Zelenta to obejrzyj 2 odcinek JS i może to Ci pomoże, skoro jeszcze nikt tutaj nic nie napisał ;p
tam jest sposób wykonania tego ;)

Podobne pytania

0 głosów
0 odpowiedzi 65 wizyt
pytanie zadane 20 lipca 2017 w JavaScript, jQuery, AJAX przez Kekk Początkujący (460 p.)
0 głosów
1 odpowiedź 89 wizyt
0 głosów
1 odpowiedź 136 wizyt
Porady nie od parady
Publikując kody źródłowe korzystaj ze specjalnego bloczku koloryzującego składnię (przycisk z napisem code w edytorze). Nie zapomnij o ustawieniu odpowiedniego języka z rozwijanego menu oraz czytelnym formatowaniu kodu.Przycisk code

64,791 zapytań

111,249 odpowiedzi

233,951 komentarzy

46,683 pasjonatów

Przeglądających: 185
Pasjonatów: 8 Gości: 177

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.

...