Javascript 添加自动到手动滑块HTML5-CSS

我是HTML5新手，我正在尝试制作一个滑块，在自动模式下显示3到5个图像，作为缺陷，但提供手动控制：

这就是它的样子： 有人能帮我吗？当自动时，我希望点根据滑动时刻移动。现在，这就是我得到的，我从：

`
横幅
.mySlides{display:none；}
.w3左、.w3右、.w3徽章{光标：指针}
.w3徽章{高度：13px；宽度：13px；填充：0}


标题


❮
❯
var slideIndex=1；
showDivs（slideIndex）；
函数plusDivs（n）{
showDivs（slideIndex+=n）；
}
函数currentDiv（n）{
showDivs（slideIndex=n）；
}
函数showDivs（n）{
var i；
var x=document.getElementsByClassName（“mySlides”）；
var dots=document.getElementsByClassName（“演示”）；
如果（n>x.length）{slideIndex=1}
如果（n<1）{slideIndex=x.length}
对于（i=0；i

您可以使用

setInterval

设置在特定时间间隔后调用函数

plusDivs（）

的时间间隔，如下所示：

`
横幅
.mySlides{display:none；}
.w3左、.w3右、.w3徽章{光标：指针}
.w3徽章{高度：13px；宽度：13px；填充：0}


标题


❮
❯
var slideIndex=1；
showDivs（slideIndex）；
函数plusDivs（n）{
showDivs（slideIndex+=n）；
}
函数currentDiv（n）{
showDivs（slideIndex=n）；
}
函数showDivs（n）{
var i；
var x=document.getElementsByClassName（“mySlides”）；
var dots=document.getElementsByClassName（“演示”）；
如果（n>x.length）{slideIndex=1}
如果（n<1）{slideIndex=x.length}
对于（i=0；i