Javascript 当我不想将图像切换到后退时,还是切换到前进

Javascript 当我不想将图像切换到后退时,还是切换到前进,javascript,slider,Javascript,Slider,我在滑块中更改图像时遇到问题。向前是可以的,但当我想向后更改时,无论如何都要切换到向前。你能在我的项目中检查代码吗?我的虫子在哪里。。我知道问题出在这个if(e.keyCode==37)中,但我不知道。我不知道该加什么,让它工作吧 PS 对不起我的英语/ const slideList=[{ img:“images/img1.jpg”, 文本:“第一个文本” }, { img:“images/img2.jpg”, 文字:“第二个tekst” }, { img:“images/img3.jpg”

我在滑块中更改图像时遇到问题。向前是可以的,但当我想向后更改时,无论如何都要切换到向前。你能在我的项目中检查代码吗?我的虫子在哪里。。我知道问题出在这个
if(e.keyCode==37)
中,但我不知道。我不知道该加什么,让它工作吧

PS 对不起我的英语/

const slideList=[{
img:“images/img1.jpg”,
文本:“第一个文本”
},
{
img:“images/img2.jpg”,
文字:“第二个tekst”
},
{
img:“images/img3.jpg”,
文字:“第三个tekst”
}];
常量img=document.querySelector('img.slider');
const h1=document.querySelector('h1');
const dots=document.queryselectoral('span');
常数时间=30000;
设主动=1;
常量更改幻灯片=()=>{
如果(活动===slideList.length){
活动=0;
}
img.删除属性(“img”);
setAttribute(“src”,slideList[active].img);
h1.textContent=slideList[active].text;
dots.forEach(el=>{
el.classList.remove('active');
})
dots[active].classList.add('active');
active++;
}
设置间隔(更改幻灯片、时间);
//检查钥匙代码
//window.addEventListener('keydown',函数(e){
//console.log(例如keyCode);
// });
window.addEventListener('keydown',(e)=>{
如果(例如keyCode===39){
log(`Arrow right-->e.keyCode=${e.keyCode}`);
如果(活动===slideList.length+1){
活动=0;
改变幻灯片();
}
活动=活动++;
改变幻灯片();
}
如果(例如keyCode===37){
console.log(`Arrow left

滑块
* {
保证金:0;
}
标题{
宽度:100%;
高度:100vh;
位置:相对位置;
溢出:隐藏;
}
img{
位置:绝对位置;
最小宽度:100%;
最小高度:100%;
位置:绝对位置;
最高:50%;
左:50%;
转换:翻译(-50%,-50%);
不透明度:0.6;
}
h1{
位置:绝对位置;
最高:50%;
左:50%;
转换:翻译(-50%,-50%);
字体大小:40px;
字体系列:tahoma,无衬线;
文本阴影:0 0 6px白色;
}
.圆点{
位置:绝对位置;
底部:30px;
左:50%;
转换:translateX(-50%)
}
.点跨度{
显示:内联块;
背景色:#000;
利润率:0.20px;
宽度:10px;
高度:10px;
边界半径:50%;
长方体阴影:0 5px白色;
}
.点span.激活{
盒影:0 0 5px白色,0 0 3px 10px红色;
}
皮耶尔兹特克斯特
常量幻灯片列表=[{
img:“images/img1.jpg”,
文本:“第一个文本”
},
{
img:“images/img2.jpg”,
文字:“第二个tekst”
},
{
img:“images/img3.jpg”,
文字:“第三个tekst”
}];
常量img=document.querySelector('img.slider');
const h1=document.querySelector('h1');
const dots=document.queryselectoral('span');
常数时间=30000;
设active=0;
函数下一个图像(v){
活性+=v;
如果(激活<0){
活动=2
}
否则如果(活动>2){
活动=0;
}
主动返回;
}
常量更改幻灯片=(方向=0)=>{
//当从计时器方向执行时,其值为0,转换为1(下一步,右侧)
//如果(活动===slideList.length){
//活动=0;
// }
如果(方向==0)方向=1;
下一个图像(方向);
img.删除属性(“img”);
setAttribute(“src”,slideList[active].img);
h1.textContent=slideList[active].text;
dots.forEach(el=>{
el.classList.remove('active');
})
dots[active].classList.add('active');
如果(方向==0)处于活动++;
}
设置间隔(更改幻灯片、时间);
//检查钥匙代码
//window.addEventListener('keydown',函数(e){
//console.log(例如keyCode);
// });
window.addEventListener('keydown',(e)=>{
如果(例如keyCode===39){
//log(`Arrow right-->e.keyCode=${e.keyCode}`);
//如果(活动===slideList.length+1){
//活动=0;
//改变幻灯片();
// }
//活动=活动++;
变更幻灯片(1);
}
如果(例如keyCode===37){
//console.log(`Arrow left