Слайдер матн бо тирҳо дар 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, ва ҳамчун афзун кардан, набояд аз
рақамҳои хурдтар аз сифр ва бузургтар аз унсури охирини
массив берун рафт.
Слайдери тавсифшударо амалӣ кунед. Чунон кунед, ки матнҳо давр зананд.
Масъалаи гузаштаро тағир диҳед, то матнҳо давр назананд, балки танҳо давр назананд пас аз расидан ба вазъияти канори рост ё чап.