Teksti slaidija JavaScriptis

Selles jaotises hakkame looma slaidijaid. Alustame kõige lihtsamatest ja järk-järgult keerukust suurendame.

Alustuseks teeme teksti slaidija. See slaidija on div, milles iga sekund muutub tekst:

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

Slaidija tekstid hoiame massiivis:

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

Lahenduse algoritm on järgmine: peame käivitama taimeri, mis iga sekund sisestab meie divi uue massiivi elemendi - kõigepealt esimese, siis teise, siis kolmanda ja seejärel jälle esimese ja nii edasi ringis.