⊗jsPrSlTx 37 of 62 menu

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:

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

Texty pro slider budeme uchovávat v poli:

let 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.

Implementujte popsaný slider.

Čeština
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяDanskDeutschΕλληνικάEnglishEspañolEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItaliano日本語ქართულიҚазақ한국어КыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
Používáme soubory cookie pro fungování webu, analýzu a personalizaci. Zpracování údajů probíhá v souladu s Zásadami ochrany osobních údajů.
přijmout vše přizpůsobit odmítnout