title: jQuery: Every 5 seconds, automatically click on next image in a list?
body: <p>I have a given list of images, presented as thumbnails:</p>
  
  <pre><code>&lt;ul id="thumbs"&gt;
      &lt;li class="small-img"&gt;&lt;img src="images/feature1.png" /&gt;&lt;/li&gt;
      &lt;li class="small-img"&gt;&lt;img src="images/feature2.png" /&gt;&lt;/li&gt;
      &lt;li class="small-img"&gt;&lt;img src="images/feature3.png" /&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>I use jQuery so that, when the user clicks on an image, it replaces the featured image in a div (which I got <a href="https://stackoverflow.com/questions/612575/whats-the-best-jquery-click-a-thumbnail-and-change-the-main-image-module/7976356#7976356">from another StackOverflow Ask</a>):</p>
  
  <pre><code>$('#thumbs img').click(function(){
      $('div.feature-photo img').hide().attr('src',$(this).attr('src')).fadeIn();
  });
  </code></pre>
  
  <p>My question is: Is there a way to make it into a slideshow? Maybe automatically "click" on the next picture every 5 seconds? Does <code>setInterval</code>  play a part in this? I'm trying to be really basic about it, and avoid using more plugins than I have to. (But if there is no other way, I will consider it..) </p>
  
  <p>Would appreciate any kind of help.</p>