Jak zrobić slider taki jak na stronie.

pytanie zadane 23 listopada 2015 w HTML i CSS przez Pan Marcin Grzęda Użytkownik (670 p.)

Cześć, chciałem zapytać jak zrobić slider taki jak na tej stronie :

http://www.digi-tal.co.uk/

Przy okazji żeby nie robić też nowego tematu jak zrobić takie przeijanie w dół po kliknięciu w menu.

Pozdrawiam i z góry dziękuję za pomoc. :)

1 odpowiedź

odpowiedź 23 listopada 2015 przez Sprytnykrzys Gaduła (3,900 p.)
wybrane 23 listopada 2015 przez Pan Marcin Grzęda

Najlepsza

Odnośnie przewijania w dół poczytaj o scrollBy - ja dzięki tej funkcji robiłem takie rzeczy.

edit. tu masz fajny, prosty przykład menu typu ScrollSpy - https://jsfiddle.net/mekwall/up4nu/

Co do slider'a - co konkretnie Cię interesuje? :) Pan Mirosław pokazywał jak zrobić prosty slider - tu jest dorzucone pare wodotrysków po prostu :)

komentarz 23 listopada 2015 przez Pan Marcin Grzęda Użytkownik (670 p.)

no właśnie chciałem osiągnąć dosłownie taki efekt jak na tej stronie, niestety nie wiem jak się za to zabrać. :(

komentarz 23 listopada 2015 przez Sprytnykrzys Gaduła (3,900 p.)

1. Zdjęcia zmieniają się automatycznie co kilka sekund - funkcja SetTimeOut (Pan Mirosław to pokazywał w swoim sliderze). Zdjęcia możesz np. poubierać w divy o określonym ID, np id="zdjecie1", id="zdjecie2" itp. Potem co kilka sekund (w SetTimeOut) pokazywać zdjęcie z ID o jeden większym.

2. Możliwość kliknięcia prawo - lewo - po kliknięciu tak samo jak wyżej, podnosisz lub obniżasz indeks wyświetlanego zdjęcia.

Tak podstawowo o działaniu. Co do wyglądu to możesz sam podejrzeć, klikając F12 w Firefox :)