如何通过单击箭头来滑动图像和通过javascript自动滑动图像？

当我点击箭头时，我想让子弹移动，我试图思考如何编码，但我的知识和经验仍然不够，所以我真的需要人们的帮助

$（文档）.ready（函数（）{
$（“#主要主题”）。单击（函数（e）{
e、 预防默认值（）；
e、 停止传播（）；
$（“#子主题”）.toggle（）；
});
$（“html”）。在（'click'，函数（）{
如果（$（“#子主题”）。是（“：可见”）{
$（“#子主题”）.toggle（）；
}
});
});
var sliderImages=document.querySelectorAll（'.slide'）；
var arrowLeft=document.querySelector（“#箭头左”）；
var arrowRight=document.querySelector（“#arrow right”）；
var arrowside=document.querySelectorAll（'.arrow'）；
var sliderBullets=document.querySelectorAll（'.bullets'）；
无功电流=0；
//重置幻灯片图像
函数resetSlide（）{
对于（变量i=0；i
正文{
保证金：0；
}
李，a{
文字装饰：无；
列表样式类型：无；
文字装饰线：无；
颜色：黑色；
}
/*主菜单*/
#主菜单{
位置：相对位置；
}
#主菜单{
保证金：0；
填充：0；
}
#主菜单李{
显示：内联块；
}
#主菜单a{
显示：块；
宽度：100px；
填充：10px；
边框：1px实心；
文本对齐：居中；
}
/*分专题*/
#分专题{
位置：绝对位置；
显示：无；
边缘顶部：10px；
宽度：100%；
左：0；
}
#分专题{
保证金：0；
填充：0；
}
#分专题李{
显示：块；
}
#分主题a{
文本对齐：左对齐；
}
/*纵队*/
#第1栏、第2栏、第3栏{
位置：相对位置；
浮动：左；
左：125px；
保证金：0px 5px 0px 0px；
}
/*悬停下划线*/
#主菜单li：悬停{
文字装饰：下划线；
}
/*幻灯片放映*/
#幻灯片放映{
位置：相对位置；
宽度：100%；
身高：100%；
}
#幻灯片1{
背景图片：url(https://preview.ibb.co/mV3TR7/1.jpg);
}
#幻灯片2{
背景图片：url(https://preview.ibb.co/bSCBeS/2.jpg);
}
#幻灯片3{
背景图片：url(https://preview.ibb.co/kgG9Yn/3.jpg);
}
.幻灯片{
背景重复：无重复；
背景位置：中心；
背景尺寸：800px 400px；
宽度：800px；
高度：400px；
保证金：自动；
边缘顶端：40px；
}
.幻灯片内容{
位置：绝对位置；
左：50%；
底部：50%；
转换：translate3d（-50%，-50%，0）；
文本对齐：居中；
}
.滑动控制跨度{
颜色：白色；
}
/*箭*/
.阿罗{
位置：绝对位置；
光标：指针；
顶部：200px；
宽度：0；
身高：0；
边框样式：实心；
}
.箭头：悬停{
背景色：#e0dede；
过渡：背景色0.6s；
}
/*向左箭头*/
#向左箭头{
位置：绝对位置；
边框宽度：30px 40px 30px 0px；
边框颜色：透明灰色透明；
左：0；
左边距：300px；
}
/*向右箭头*/
#向右箭头{
边框宽度：30px 0px 30px 40px；
边框颜色：透明灰色；
右：0；
右边距：300px；
}
/*子弹*/
#滑块{
位置：相对位置；
顶部：-30px；
文本对齐：居中；
}
.子弹{
显示：内联块；
背景颜色：灰色；
宽度：15px；
高度：15px；
边界半径：10px；
光标：指针；
过渡：背景色0.6s；
}
.活动，.项目符号：悬停{
背景色：#e0dede；
}











图像一
图二
图三
试试这个，很简单

通过向js文件中添加以下javascript代码，可以实现您的目标：

for (var i=0 ;i<sliderBullets.length;i++)
{
    bullet=sliderBullets[i];
    bullet.addEventListener("click",function(){

    var i=this.id;
    i=i.replace("bullet","");
    current=parseInt(i)-1;
    resetSlide();
    sliderImages[current].style.display = 'block';


  });
}

for（var i=0；我能把这个代码缩短吗？就像使用for或loop一样。