新手求助：在页面左下角生成一个图片

Question

想请教大佬们两个问题：
1、能不能在页面上载入一个模型（如下图左下角立方体）？
我现在只能<img id = "img" src="./image/mud0.jpg" />载入一个图片（如下图左下角）
2、我想让左下角的图片当我按下R键的时候更换为另一张图片，于是我这么做了
var URL = ["./image/mud0.jpg","./image/brick_diffuse.jpg","./image/bark.jpg",
"./image/grass.jpg","./image/sand.jpg","./image/stone_wall.jpg","./image/leaves.jpg"];
var URL_num=0;
document.getElementById("img").src=URL[URL_num];
document.onkeydown = function (e) {
switch (e.keyCode) {
      case 69:
          URL_num=(URL_num+1)%URL.length;//E 下一种材质
          break;
      case 81:
          if(URL_num==0) {
              URL_num=URL.length-1;
          }
          else {
              URL_num--;
          }//Q 上一种材质
          break;
}
}但是我按了E、Q并没有什么反应，这是为什么？

Answer 1

var URL = ["./image/mud0.jpg","./image/brick_diffuse.jpg","./image/bark.jpg",
"./image/grass.jpg","./image/sand.jpg","./image/stone_wall.jpg","./image/leaves.jpg"];
var URL_num=0;
document.getElementById("img").src=URL[URL_num];
document.onkeydown = function (e) {
switch (e.keyCode) {
      case 69:
          URL_num=(URL_num+1)%URL.length;//E 下一种材质
          break;
      case 81:
          if(URL_num==0) {
              URL_num=URL.length-1;
          }
          else {
              URL_num--;
          }//Q 上一种材质
          break;
}
document.getElementById("img").src=URL[URL_num]; //加这行，你只是改变URL_num这个变量，没有去更新dom节点
}