• 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
146 wizyt
pytanie zadane 20 grudnia 2017 w JavaScript, jQuery, AJAX przez bicnet Gaduła (4,110 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,110 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,110 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ź 64 wizyt
pytanie zadane 23 marca w JavaScript, jQuery, AJAX przez Majki Obywatel (1,310 p.)
0 głosów
1 odpowiedź 54 wizyt
pytanie zadane 19 marca w JavaScript, jQuery, AJAX przez niezalogowany
0 głosów
0 odpowiedzi 51 wizyt
Porady nie od parady
Komentarze do pytań nie służą do odpowiadania, od tego jest wydzielona sekcja odpowiedzi. Funkcją komentarzy jest natomiast możliwość uzyskania dodatkowych informacji na temat samego posta.Komentarze

63,313 zapytań

109,570 odpowiedzi

228,885 komentarzy

43,981 pasjonatów

Przeglądających: 269
Pasjonatów: 14 Gości: 255

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.

...