Slider tekstu w JavaScript

W tej sekcji zajmiemy się tworzeniem sliderów. Zacznijmy od najprostszych i stopniowo zwiększajmy złożoność.

Na początek zróbmy slider tekstu. Ten slider będzie divem, w którym co sekundę będzie zmieniał się tekst:

html<div id="slider"></div>

Teksty dla slidera będziemy przechowywać w tablicy:

javascriptlet texts = ['text1', 'text2', 'text3'];

Algorytm rozwiązania będzie następujący: należy uruchomić timer, który co sekundę będzie wstawiał do naszego diva nowy element tablicy - najpierw pierwszy, potem drugi, potem trzeci, a potem znowu pierwszy i tak dalej w kółko.