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

Poradnik slider

0 głosów
151 wizyt
pytanie zadane 20 grudnia 2017 w JavaScript, jQuery, AJAX przez bicnet Gaduła (4,130 p.)
Witam,

Potrzebuje dobrego tutoriala z robieniem slidera w JS, zależałoby mi na tym, żeby był to czysty JS, a poradnik w języku polskim lub z wyraźnie mówiącym autorze w języku angielskim. Jest ktoś w stanie polecić sprawdzony tutorial?

(Oczywiście z kropkami na dole i strzałkami po bokach)

Z góry dziękuję.

Pozdrawiam

2 odpowiedzi

+1 głos
odpowiedź 21 grudnia 2017 przez zgrybus Pasjonat (24,940 p.)
Może sam spróbuj albo po prostu zadaj pytanie a my Ci pomożemy :)
komentarz 21 grudnia 2017 przez bicnet Gaduła (4,130 p.)
Myślę, że mam już taką wiedzę, żeby to zrobić, ale metodą takiego ,,brudnego" (zbędnego kodu), chcę zobaczyć jak zrobią to inni ludzie i porównać z tym jakbym ja to zrobił.

Pozdrawiam
komentarz 21 grudnia 2017 przez zgrybus Pasjonat (24,940 p.)
To zrób brudnym kodem a my spróbujemy go "naprawić" :)
komentarz 21 grudnia 2017 przez bicnet Gaduła (4,130 p.)

W sumie dobra myśl, praktyka najważniejsza, a nauczę się na błędach, gdy forum będzie mnie poprawiać. Dzięki yes

+1 głos
odpowiedź 21 grudnia 2017 przez bumpMind Gaduła (4,280 p.)

Dokładnie jak w poprzednim poście, spróbuj sam. Wystarczy kilka kroków:

  1. Określ z czego składa się taki slider. Warto zrobić prosty schemat (w paincie, www.draw.io, itp.) tego co chce się zrobić.
  2. Mając rysunek/schemat spróbuj wybrać tagi HTML, którymi mógłbyś opisać naszkicowane elementy.
  3. Zakoduj HTML wraz ze stylami CSS, tak aby powstała statyczna, nie interaktywna wersja tego co jest Twoim celem.
  4. Teraz patrząc na to co powstało, pomyśl jakie interakcje z użytkownikiem powinien móc umożliwiać Twój aktualny slider.
  5. Mając liste interakcji, poszukaj odpowiednich eventów w JavaScript, które im odpowiadają. Szukając dostępnych eventów polecam dokumentację MDN, tutaj przy okazji jest od razu sposób podpinania eventów pod elementy DOM.
  6. Tutaj będzie najcięższy ale jednocześnie ostatni krok, zakoduj znalezione eventy i przetestuj czy to co powstało spełniają Twoje oczekiwania.

Przykładowo jako statyczną wersję slajdera wyobraź sobie jak ma on wyglądać z przykładowo 4 elementami bądź więcej.

PS. Jeżeli jednak to by Ci nie odpowiadało daj komentarz poszukam i podrzucę jakiś tutorial.

Podobne pytania

0 głosów
1 odpowiedź 70 wizyt
pytanie zadane 3 sierpnia w JavaScript, jQuery, AJAX przez cotyniepowiesz Nowicjusz (120 p.)
0 głosów
2 odpowiedzi 79 wizyt
0 głosów
1 odpowiedź 69 wizyt
pytanie zadane 23 marca w JavaScript, jQuery, AJAX przez Majki Obywatel (1,410 p.)
Porady nie od parady
Zadając pytanie postaraj się o poprawną pisownię i czytelne formatowanie tekstu.Kompozycja

65,755 zapytań

112,393 odpowiedzi

237,319 komentarzy

46,700 pasjonatów

Przeglądających: 129
Pasjonatów: 1 Gości: 128

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.

...