Olá, eu estou passando muitas dificuldades para fazer o meu slideshow, o melhor que consegui foi um slideshow automatico, só que eu gostaria de incluir setas prev/next para controlar e botões embaixo também, alguem pode me ajudar?
HTML:
<div class="slideshow-container">
<img name="slide" style="width:100%"/>
</div>
<br/>
CSS:
*{box-sizing: border-box}
.slideshow-container {
max-width: 1000px;
position: relative;
margin: auto;
}
JS:
var i = 0;
var images = [];
var time = 3000;
images[0] = 'imagens/img1.jpg';
images[1] = 'imagens/img2.jpg';
images[2] = 'imagens/img3.png';
function changeImg(){
document.slide.src = images[i];
if(i < images.length - 1){
i++;
}else {
i = 0;
}
setTimeout("changeImg()", time);
}
window.onload = changeImg;