为什末html中轮播图不动

问题遇到的现象和发生背景

只能出来一张图片

问题相关代码，请勿粘贴截图
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script>

var number=1;
function fun(){
    number++;
    if (number>3) {
        number=1;
    }
    var img=document.getElementById(id);
    img.scr="img\banner_"+number+".jpg";
}
setInterval(fun,300);
</script>
</head>
<body>
<img id="img" src="img\banner_1.jpg" width="100%" >
</body>
</html>
运行结果及报错内容

只有一个图片

我的解答思路和尝试过的方法

修改图片的绝对路径

我想要达到的结果

实现图片的轮播

。。。。你这主要是语法错误
一共两个。
1、var img=document.getElementById(id); 这个请改成var img=document.getElementById(“img”)
2、 img.scr="img\banner_"+number+".jpg"; 这个请改成 img.scr="img/banner_"+number+".jpg"

1里是获取的ID你得给ID值
2里是JS里的路径符号是/而不是\

对了。你这个运行时间300毫秒太快了。建议改成3000也就是3秒一换。

然后。建议将JS放在尾巴部分。然后我这边你测试可运行的代码如下图

img

你的图片都有吗 ？ banner_1,2,3 的图片都存在吗？

没设置每张图片的停留时长吗

id名字写错了把


var img=document.getElementById('img');


var img=document.getElementById("img");
    img.src="img\banner_"+number+".jpg";

和我的帖子很像哦，你好像是小白吧，建议你多学习html+js+css基础
https://blog.csdn.net/huayula/article/details/111937491

img标签地址是src不是scr,轮播出现那种小图标，就是图片加载不出来，实际上就是你路径有问题，确保你的html文件和img文件夹在同一目录，img里面有这些命名的图片banner_1.jpg，banner_2.jpg，banner_3.jpg