⊗jsPrSlTx 37 of 62 menu

JavaScript'теги текст слайдери

Бул бөлүмдө биз слайдерлерди түзүү менен алектенебиз. Эң жөнөкөйлөрүнөн баштап, акырындап татаалдаштырабыз.

Башында текст слайдерин жасайлы. Бул слайдер ар бир секунд сайын ичиндеги текст алмашылып туруучу див болот:

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

Слайдер үчүн тексттерди биз массивде сактайбыз:

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

Чечүү алгоритми төмөнкүдөй болот: бизге ар бир секунд сайын дивибизге массивдин жаңы элементин - ага биринчи, андан кийин экинчи, андан кийин үчүнчү, андан кийин дагы биринчи жана ушул сыяктуу тегерек менен киргизип туруучу таймерди иштетүү керек.

Сүрөттөлгөн слайдерди ишке ашырыңыз.

Кыргызча
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικά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
Биз сайттин иштөөсү, аналитика жана персонализация үчүн cookie файлдарын колдонобуз. Маалыматтарды иштетүү Маалыматты коргоо саясаты боюнча жүргүзүлөт.
баарын кабыл алуу ыңгайлаштыруу четке кагуу