Proszę o wskazówki jak poprawnie zbudować kod JS dla przycisków dla slidera tekstu
Skrypt generalnie wyświetla kolejne elementy listy przez zadany czas.
Próbuje dodać przyciski aby można było manualnie przejść między slajdami niestety nie udaje mi się.
var current = 0;
var slides = document.getElementsByTagName("li");
var p = document.getElementById("prev");
var n = document.getElementById("next");
function do(){
setInterval(function() {
for (var i = 0; i < slides.length; i++) {
slides[i].style.opacity = 0;
}
current = (current != slides.length - 1) ? current + 1 : 0;
slides[current].style.opacity = 1;
}, 5500);
function getPrev()
{
current = (current != 0) ? current - 1 : slides.length;
slides[current].style.opacity = 1;
}
function getNext()
{
current = (current = slides.length - 1) ? 0 : current + 1;
slides[current].style.opacity = 1;
}
p.onclick = getPrev();
n.onclick = getNext();
<div id="slajdy">
<div id="bar"><a id="prev" href="#"><</a><a id="next" href="#">></a></div>
<ul>
<li> ... </li>
<li> ... </li>
<li> ... </li>
<li> ... </li>
</ul>
</div>
</div>