jquery实现图片轮播效果

一个盒子放图片，一个放轮播是的小圆点
<div class="list" style=" left:-600px;">
   <img src="img/5.jpg">
   <img src="img/1.jpg">
   <img src="img/2.jpg">
   <img src="img/3.jpg">
   <img src="img/4.jpg">
  </div>
  <ul class="dots">
   <li  class="active dot"></li>
   <li  class="dot"></li>
   <li  class="dot"></li>
   <li  class="dot"></li>
   <li  class="dot"></li>
  </ul>
样式设置需注意的是：
.dots要绝对定位
img要浮动
大容器要position: relative; overflow: hidden;
大容器的宽度=img的宽度
自动播放：autoplay
var timer;
function autoPlay(){
   timer =setInterval(function () {
   for(var i=0;i<=5 i++){
   if(i=5){ i=0;}//是为了判断是否到最后一张
   $("img").index().eq(i).show().sbilings().hide();
   $(".dot").index().eq(i).addclass('"active").sbilings().removedclass('"active");//自动播放的话小圆点也要随着切换
}
  },1000)
 }
 function stopAutoPlay() {
  clearInterval(timer);
 }
点击播放：clickplay
function clickplay(){
$(".dot").onclick(function(){
var number = $(this).index();
 $("img").index().eq(number).show().sbilings().hide();
})
}