Jak uzyskać taki efekt slidera?

0

Potrzebuję uzyskać efekt slidera (przewijanie przez przeciągnięcie myszką) taki jak tutaj: https://www.netacad.com/ Ktoś wie jak takie coś zrobić? Jakieś tutaki?
W kwestii JS jestem początkujący.

0

Sprawdź ten plugin: http://www.jssor.com/

0

Też nie jestem jakoś specjalnie zaprzyjaźniony z JS ale skoro chcesz zrobić takie przewijanie to wystarczy ustawić listenera na kliknięcie myszki a potem sczytywać koordynat x pozycji myszki tu masz parę linków: http://www.w3schools.com/jsref/event_clientx.asp , http://www.w3schools.com/jsref/dom_obj_event.asp i jeszcze pewnie będzie potrzebne kilka rzeczy ale nie chce mi się szukać.
A jeśli nie chcesz się męczyć z czystym JS to możesz to zrobić w Angularze tak jak jest to zrobione na stronie którą podałeś, tu masz link https://github.com/kenwheeler/slick/ albo w JQuery.

0

Nie rób tego sam - tam jest dużo kwestii do ogarnięcia i to nie jest temat dla początkującego - dużo frustracji, a nic ciekawego z tego nie wyniesiesz póki co. Poznaj JS, porządną obsługę zdarzeń - generalnie jak będziesz gotowy zrobić takie coś, to nie będziesz pytać na forum tylko znajdziesz brakujące nazwy eventów itd ;)

Póki co to skorzystaj z gotowca - najlepszy: http://kenwheeler.github.io/slick/

0

Sciągnij, któryś z linku co podał suvak (http://www.jssor.com/), ja nie znając w ogóle JS pobrałem i chwile logicznie myśląc dostosowałem w ramach testów kilka sliderów z ich strony. Nie trzeba być geniuszem w JS, żeby dostosować jednego gotowca jak się cokolwiek już orientujesz w programowaniu więc się nie zniechęcaj, aczkolwiek jego znajomość później bardzo się przydaje i ułatwia osiąganie różnych efektów w dość prosty sposób więc nie warto zwlekać z nauką ;)

edit: Właśnie przejrzałem link od Dzek69, też wygląda dość przyjaźnie więc pozostawiam Tobie wybór (imo ja zaczynałem z jssora i spoko wyszło)

1 użytkowników online, w tym zalogowanych: 0, gości: 1