title: The array won't work with the output of my pictures
body: <p>I tried to show pictures with an array so I can change it per delay, kinda like a slideshow. The problem is, that only the first picture will load. when the counter of the array changes, the picture won't load.</p>
  
  <p>The paths of the images are all correct</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;`enter code here`
  &lt;html lang="en"&gt;
  &lt;head&gt;
       &lt;meta charset="UTF-8"&gt;
      &lt;title&gt;Test2&lt;/title&gt;
      &lt;script&gt;
  
          var bilder = []; 
          var zeit = 3000;
          var p = 0;
  
          bilder[0] = "../Bilder/Bild1.jpg";
          bilder[1] = "../Bilder/Bild2.jpg";
          bilder[2] = "../Bilder/Bild3.jpg";
          bilder[3] = "../Bilder/Bild4.jpg";
  
          function BildAutoWeiter()
          {
              document.bild.src = bilder[p]; 
              for( var i=0; i&lt;= bilder.length; i++)                              
              {
                  if(i &lt;= bilder.length)
                  {
                       p++;
                  }
                  else
                  {
                      i = 0;
                  }
              }
              setTimeout("BildAutoWeiter()", zeit);                       
          }
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body onload="BildAutoWeiter()"&gt;
  &lt;div&gt;
      &lt;img name ="bild" width="100%" height="50%"&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>