Currently, I am working on creating an image carousel from scratch without using bootstrap. The main functionality is in place, but I would like to add some carousel indicators at the bottom to show which slide is currently being displayed, similar to how it is done on .
If you want to take a look, here is my code on jsfiddle: http://jsfiddle.net/x8rgm89z/
Here's a snippet of the Javascript code:
$('.fadein img:gt(0)').hide();
setInterval(function(){
$('.fadein :first-child').fadeOut()
.next('img').fadeIn()
.end().appendTo('.fadein');},
5000);