title: How to make a simple auto playing slide show with javascript?
body: <p>I want to make a simple slide show that automatically plays when the page is loaded. Here is my code so far: </p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div id="slideshow"&gt;
     &lt;div&gt;
        &lt;img src="slide_1.png"&gt;
     &lt;/div&gt;   
     &lt;div&gt;
        &lt;img src="slide_2.png"&gt;
     &lt;/div&gt;
     &lt;div&gt;
         &lt;img src="slide_3.png"&gt;
     &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS: </p>
  
  <pre><code>#slideshow {  
  
      position: relative; 
  
      width: 900px; 
  
      height: 450px;  
  
  }
  
  #slideshow &gt; div { 
  
      position: absolute; 
  
  }
  </code></pre>
  
  <p>If possible, can someone please provide me with a JavaScript code that will automatically play the slide show, as well as change the slides by using a slide transition, and also have it replay infinite amount of times while the user is still of the page? Also, maybe a navigation that has numbers in the bottom right corner. Here is an example of what I am looking for: (<a href="http://www.http://www.suprafootwear.com/" rel="nofollow">http://www.http://www.suprafootwear.com/</a>). The large slideshow up top is what I want, the only difference is that I want the transition to be a linear slide motion instead of the fade transition. Please maintain the 900px x 450px size. Any help is appreciated. Thank you in advance! </p>