Textový slider v JavaScriptu

V této sekci se budeme zabývat vytvářením sliderů. Začneme těmi nejjednoduššími a budeme postupně ztěžovat.

Pro začátek uděláme textový slider. Tento slider bude představovat div, ve kterém se každou vteřinu bude měnit text:

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

Texty pro slider budeme uchovávat v poli:

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

Algoritmus řešení bude následující: je třeba spustit časovač, který každou vteřinu bude vkládat do našeho divu nový prvek pole - nejprve první, potom druhý, potom třetí, a potom znovu první a tak dále v kruhu.