在没有引导程序的情况下将图像轮播指标添加到jQuery图像幻灯片中？

Question

我正在尝试创建没有引导程序的图像轮播。 我已经完成了，但是想在底部添加轮播指示器，以指定当前位于哪个幻灯片上，类似于http://www.automatic.com的显示方式。

我的jsfiddle代码在这里： http : //jsfiddle.net/x8rgm89z/

JavaScript代码：

    $('.fadein img:gt(0)').hide();
     setInterval(function(){
    $('.fadein :first-child').fadeOut()
     .next('img').fadeIn()
     .end().appendTo('.fadein');}, 
     5000);

Answer 1

http://zurb.com/playground/orbit-jquery-image-slider

轨道滑块是一个很好的选择，请参见上面的链接^