Следите за новинками
в нашем Telegram канале. Жми, чтобы подписаться:)
⊗jsPrSlTWA 38 of 62 menu
◀ ▶

Slider teksta sa strelicama na JavaScriptu

Hajde sada da napravimo slider teksta sa strelice. Ovo znači da će se tekst menjati ne po tajmeru, već klikom na strelicu. Dodajmo strelice u naš HTML kod:

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

Osnovna suptilnost rešenja ovog sliddera je u tome što promenljiva-brojač tekstova mora biti zajednička za rukovaoce klikova naših strelica:

let i = 0; // spoljna promenljiva left.addEventListener('click', function() { // smanjujemo i za 1 // i prikazujemo tekst broj i }); right.addEventListener('click', function() { // povećavamo i za 1 // i prikazujemo tekst broj i });

A druga suptilnost je u tome što, i pri smanjenju i, i pri povećanju, ne možemo izaći u brojeve manje od nule i veće od poslednjeg elementa niza.

Implementirajte opisani slider. Učinite tako da tekstovi kruže u krug.

Modifikujte prethodni zadatak tako da tekstovi ne kruže u krug, već se jednostavno ne okreću dalje po dostizanju krajnje desne ili leve pozicije.

← →
↑
Srpski▼
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEspañolEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItaliano日本語ქართულიҚазақ한국어КыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
Koristimo kolačiće za rad sajta, analitiku i personalizaciju. Obrada podataka se vrši u skladu sa Politikom privatnosti.
prihvati sve podesi odbij