Dokładnie jak w poprzednim poście, spróbuj sam. Wystarczy kilka kroków:
- Określ z czego składa się taki slider. Warto zrobić prosty schemat (w paincie, www.draw.io, itp.) tego co chce się zrobić.
- Mając rysunek/schemat spróbuj wybrać tagi HTML, którymi mógłbyś opisać naszkicowane elementy.
- Zakoduj HTML wraz ze stylami CSS, tak aby powstała statyczna, nie interaktywna wersja tego co jest Twoim celem.
- Teraz patrząc na to co powstało, pomyśl jakie interakcje z użytkownikiem powinien móc umożliwiać Twój aktualny slider.
- 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.
- 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.