title: Changed "name" attribute to "id" but images don't show
body: <p>Error: The name attribute on the img element is obsolete. Use the id attribute instead.</p>
  
  <p><code>&lt;img src name="slide" width="1714" height="500" alt="slideshow" /&gt;</code></p>
  
  <p>Above you can see I have this error that's asking me to change the 'name' to 'id', however when I try this it end's up making my images not appear. So essentially the 'id' doesn't work but the 'name' does. Any ideas?</p>
  
  <p><a href="https://gyazo.com/ff5c6b39d5a1b649027d2fca57a1ffa1" rel="nofollow noreferrer">https://gyazo.com/ff5c6b39d5a1b649027d2fca57a1ffa1</a></p>
  
  <p>As you can see in the first image the code is working when it is 
  <code>&lt;img src name=""/&gt;</code></p>
  
  <pre><code>    &lt;script&gt;
      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 &lt; 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;
  
    &lt;/script&gt;
    &lt;section&gt;
      &lt;img src name="slide" width="1714" height="500" alt="slideshow" /&gt;
    &lt;/section&gt;`
  </code></pre>
  
  <p>Below I have changed the code to <code>&lt;img src id=""/&gt;</code> and it no longer works, it shows the alt text.</p>
  
  <p><a href="https://gyazo.com/634a5fa6db7e1acf22a55815f19d6da2" rel="nofollow noreferrer">https://gyazo.com/634a5fa6db7e1acf22a55815f19d6da2</a></p>