需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。
2、在index.html中的<script>标签，输入js代码：
function fun() {
var a = Math.random() * 5
$('img').attr('src', 'image' + a + '.jpg')
}
3、浏览器运行index.html页面，此时点击图片会换一张图片。
1、<img src =“ img1.png” />，直接在双引号下是文件名，当前文件（3-picture tag.html）所在目录（图像标签）下的img1.png。。
2、当img1.png在图像标签目录中时，可以防止单击以预览图像效果。 另外，<img src =“ ./ img1.png” />和<img src =“ img1.png” />是相同的，但是当前路径相同。
3、如下所示，当img1.png移动到图像标签的上层目录html标签时。 此时<img src =“ img1.png” />路径不正确。 无法显示图像。
4、访问此图像，可以使用<src =“ ../ img1.png” />../来代表上一级目录。 图像标签目录的上层目录是html标签目录。
5、图片移到了web01-html目录。 目前，这不是访问点（不是... /），而是上层目录，一些上层目录，主要是指当前文件（3-picture tag.html）所在的目录-图片 标签<src =“ ../../ img1.png”>。
6、接下来，将图像放在web01－html目录下的img目录中。请注意，引用对象是图像标签（即html文件所在的目录），相对路径是相对于此目录的。
看不到你的图片，不过，我猜测一定是，你把图片的路径写成绝对路径了，说明一下，window系统，不支持绝对路径，就是说，如果你图片在你电脑的位置为，C:\Users\Public\Pictures\Sample Pictures\1.jpg，你用这样的路径就是绝对路径，在window下，是不能加载的，除非你用相对路径，如果，你的html和你的图片都在分别在h文件和picture文件，你路径应该这样写../picturen/1.jpg，这样的为相对路径，，，，
