Przedstawiam działający slider osadzony na stronie WWW napisany przeze mnie w JavaScript. Wyświetla on zestaw ilustracji wraz z tytułami. Tytuł ilustracji może być odnośnikiem, zatem jest możliwe zastosowanie slidera jako atrakcyjnego wprowadzenia do różnych części dużej witryny albo naprzemienne prezentowanie za jego pomocą różnych reklam.
Jest podobny do większości sliderów spotykanych w Internecie. Przechodzić pomiędzy slajdami możemy klikając umieszczone po bokach strzałki w lewo i w prawo albo wybierając slajd za pomocą paska małych kółeczek, gdzie wypełnione kółko oznacza bieżący slajd. Poza tym zmiana slajdu na następny dokonywana jest automatycznie w równych odstępach czasu.
http://janmleczko.neocities.org/demo/slider/
Repozytorium GitHub: https://github.com/Jan-Mleczko/Slider
Konfigurowalne są:
- wymiary całego slidera (muszą być stałe), do których dostosują się wszystkie jego elementy,
- szybkość animacji przesuwania oraz automatycznej zmiany slajdu.
Oczywiście przede wszystkim można zmieniać zawartość slidera. Wszystko to jest zawarte w skrypcie z odpowiednimi komentarzami. Slider był testowany w różnych przeglądarkach.
Skrypt obsługuje jeden slider na stronie.