基本的jquery函数和缺乏理解

Question

我试图制作一个滑块，而且我一般都是编程新手。这是我看到别人使用的一个想法，但我已经搞砸了它，以至于我找不到原始代码而且不知道什么是错的。我明白这是多么微不足道，我试过研究，我只是无法理解我想的问题。当这段代码运行时，它不会在第一轮显示第一个div，但之后每次都显示第一个div。此外，它在返回第一个div之后在最后一个div之后犹豫..这里是相关的代码。

$(document).ready(function(){
  var i = 1; // Counter
  $slides = $('.slides > .slide');
  $num = $slides.length; 
  setInterval(function() {
    if (i++ == $num) {
      $('.slide').removeClass('active').hide();
      $($slides[0]).addClass('active').show();
      i = 1;
    } 
    else {                    
      $('.active').removeClass("active").hide().next().addClass('active').show();
    }
  }, 1000); 
});

幻灯片的HTML是：

<div class="slides">
  <div class="slide active">
    <img src="http://www.engraversnetwork.com/files/placeholder.jpg" />
  </div>
</div>