Textový slider v JavaScripte

V tejto časti sa budeme venovať vytváraniu sliderov. Začneme tými najjednoduchšími a budeme postupne prechádzať k zložitejším.

Na začiatok vytvoríme textový slider. Tento slider bude predstavovať div, v ktorom sa každú sekundu bude meniť text:

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

Texty pre slider budeme ukladať v poli:

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

Algoritmus riešenia bude nasledovný: je potrebné spustiť časovač, ktorý každú sekundu vloží do nášho divu nový prvok poľa - najprv prvý, potom druhý, potom tretí, a potom znovu prvý a tak ďalej v kruhu.