将“name”属性更改为“id”,但图像不显示

错误:img元素上的name属性已过时。改用id属性。

<img src name="slide" width="1714" height="500" alt="slideshow" />

https://gyazo.com/ff5c6b39d5a1b649027d2fca57a1ffa1

正如您在第一个图像中看到的,代码在运行时正在工作 <img src name=""/>

    <script>
    var i = 0; // Start Point
    var images = []; // Images Array
    var time = 3000; // Time Between Switch`

    // Image List
    // This holds an array of all my images
    images[0] = "images/img_house.png";
    images[1] = "images/img_staff.jpg";
    images[2] = "images/img_desk.jpg";
    images[3] = "images/img_coinstack.jpg";

    // Change Image
    function changeImg() {
      document.slide.src = images[i];

      // Check If Index Is Under Max
      if (i < images.length - 1) {
        // Add 1 to Index
        i++;
      } else {
        // Reset Back To O
        i = 0;
      }

      // Run function every x seconds
      setTimeout("changeImg()", time);
    }

    // Run function when page loads
    window.onload = changeImg;

  </script>
  <section>
    <img src name="slide" width="1714" height="500" alt="slideshow" />
  </section>`

下面我将代码更改为 <img src id=""/> 它不再工作,它显示alt文本。

https://gyazo.com/634a5fa6db7e1acf22a55815f19d6da2