在沒有引導程序的情況下將圖像輪播指標添加到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

軌道滑塊是一個很好的選擇，請參見上面的鏈接^