title: Add image carousel indicators to jQuery image slideshow without bootstrap?
body: <p>I am trying to create an image carousel without bootstrap. I have it completed but want to add the carousel indicators on the bottom which specify which slide it is currently on similar to how <a href="http://www.automatic.com" rel="nofollow">http://www.automatic.com</a> has it.</p>
  
  <p>My jsfiddle code is here: <a href="http://jsfiddle.net/x8rgm89z/" rel="nofollow">http://jsfiddle.net/x8rgm89z/</a></p>
  
  <p>Javascript code:</p>
  
  <pre><code>    $('.fadein img:gt(0)').hide();
       setInterval(function(){
      $('.fadein :first-child').fadeOut()
       .next('img').fadeIn()
       .end().appendTo('.fadein');}, 
       5000);
  </code></pre>