jQuery Slider空的第二個循環

Question

我正在實現一個簡單的圖像滑塊與導航控件。

雖然我有兩個問題。

1. 有四種幻燈片，並且代碼會爲每個幻燈片的四個控件，它遍歷幻燈片，4張幻燈片再次循環，而無需通過幻燈片後去不過。
2. 我不能在各個按鈕單擊可直接到我的幻燈片...

有人能幫助一個兄弟了。

function createNav() { 
    var numofslides = sel.children().length; 
    console.log(numofslides); 

    //alert(countChildren); 
    for (var i = 0; i < numofslides; i++) { 
    $('ul').append('<li class="circle"></li>'); 
    } 
} 

//Slide function......// 
window.time = function() { 
    now = setInterval(function() { 
    sel.children().eq(0).fadeOut().next().fadeIn().end().appendTo(sel); 
    el.children().eq(count).addClass('active').siblings().removeClass('active'); 
    if (count == el.children().length) { 
     el.children().eq(0).addClass('active').siblings().removeClass('active'); 
     count = 0; 
    } 
    count++ 
    //console.log(count); 
    }, 2000); 

}; 

https://jsfiddle.net/6qqc9ohf/

Answer 1

這裏是更新的小提琴 - https://jsfiddle.net/6qqc9ohf/6/

我有固定以下問題：

1. 在創建導航要附加li的到兩個ul「秒。所以改變

   $('ul').append('<li class="circle"></li>');

   到

   $('#container').append('<li class="circle"></li>');

在創建導航，使第一li爲active。將以下代碼添加到createNav()。

$('#container li:eq(0)').addClass('active');

改變計數爲1。var count = 1;