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

Ocena Kodu Javascript, Jquery - Prosty slider

VPS Starter Arubacloud
0 głosów
462 wizyt
pytanie zadane 3 marca 2018 w JavaScript przez Radekol Bywalec (2,880 p.)
$(document).ready(function () {
    
    //variables
    var slides = $('figure.slide');
    var dots = $('button.dot');
    var position = 0;
    var timer = 0;
    var current = 0;
    var flag = false;
    
    //setting initial setup (slide, image dot)
    slides.eq(position).css('display','block');
    dots.eq(position).addClass('checked');
    changeSlide(1);
    
    //function to change a slide
    function changeSlide(duration) {
        
        if (flag) {slides.eq(current).fadeOut(1000); flag = false;}
        else slides.eq(position).fadeOut(1000);
        dots.removeClass('checked');
        
        if (duration === 1) {
            position++;
            if (position > 3) position = 0;
        }
        else if (duration === 0) {
            position--; 
            if (position < 0) position = 3;
        }
        
        slides.eq(position).fadeIn(1000);
        dots.eq(position).addClass('checked');
        
        timer = setTimeout(function(){changeSlide(1)}, 4000);
        
    }
    
    //changing silde by clicking on the button
    $('button').click(function () {
        
        clearTimeout(timer);
        
        //side buttons (left or right)
        if ($(this).hasClass('side')) {
            
           if ($(this).hasClass('left')) { changeSlide(0); } 
           else { changeSlide(1); } 
            
        }
        //dots buttons
        else if ($(this).hasClass('dot')) {
            
            dots.eq(position).removeClass('checked');
            $(this).addClass('checked');

            //to fade out current slide because of change in position
            flag = true;
            current = position;
            
            //initializing dot to proper slide
            if (dots.eq(0).hasClass('checked')) {position = 3; changeSlide(1);}
            else if (dots.eq(1).hasClass('checked')) {position = 0; changeSlide(1);}
            else if (dots.eq(2).hasClass('checked')) {position = 1; changeSlide(1);}
            else if (dots.eq(3).hasClass('checked')) {position = 2; changeSlide(1);}
            
        }
        
    });
});

Ocenicie mi powyższy kod. Jakie błędy tutaj popełniam. Co bym mógł zrobić prościej i żeby to działało bardziej efektywnie. Nie oszczędzajcie mnie, najlepiej wypiszcie wszystko co zauważacie nie tak.

komentarz 3 marca 2018 przez Mariusz08 Maniak (62,300 p.)

Zamiast var let lub const

1 odpowiedź

0 głosów
odpowiedź 4 marca 2018 przez MarcelWP Nowicjusz (180 p.)

Ja jako niedoświadczony programista mogę powiedzieć że możesz wkleić to w konsolę JS(about:blank +klikasz CTRL+ SHIFT +I)

Lub też zobaczyć w programie Sublime Text, Visual Studio Code itp.yes

Podobne pytania

+3 głosów
2 odpowiedzi 301 wizyt
+2 głosów
1 odpowiedź 175 wizyt
pytanie zadane 4 kwietnia 2016 w JavaScript przez Bartos Użytkownik (610 p.)
+1 głos
1 odpowiedź 321 wizyt
pytanie zadane 6 lutego 2019 w JavaScript przez Marchiew Dyskutant (7,690 p.)

92,451 zapytań

141,261 odpowiedzi

319,073 komentarzy

61,853 pasjonatów

Motyw:

Akcja Pajacyk

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

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...