⊗jsPrSlTWA 38 of 62 menu

JavaScript'те жеңилдик менен текст слайдери

Эми текст слайдерин жеңилдик менен жасайлы. Бул деген текст таймер менен эмес, жеңилдикти басуу менен алмашып турат. HTML кодго жеңилдиктерди кошолу:

<a href="" id="left">←</a> <a href="" id="right">→</a> <div id="slider"></div>

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

let i = 0; // тышкы өзгөрмө left.addEventListener('click', function() { // i'ни 1ге кемитүү // жана i номери менен текстти чыгаруу }); right.addEventListener('click', function() { // i'ни 1ге көбөйтүү // жана i номери менен текстти чыгаруу });

Экинчи жагдайы, i азайганда да, көбөйгөндө да, нөлдөн кичине жана массивдин акыркы элементинен чоң сандарга чыгууга болбойт.

Сүрөттөлгөн слайдерди ишке ашырыңыз. Тексттер тегерек боюнча айланып турушун кылыңыз.

Мурунку тапшырманы ошондой өзгөртүңүз, тексттер тегерек боюнча айланбасын, акыркы оң же сол абалга жеткенде гана токтоп калсын.

Кыргызча
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 файлдарын колдонобуз. Маалыматтарды иштетүү Маалыматты коргоо саясаты боюнча жүргүзүлөт.
баарын кабыл алуу ыңгайлаштыруу четке кагуу