焦点图现在就差一个自动播放功能,写了,但是不能自动播放,大家帮我看看哪儿出的问题
<div id="wpBanner">
<ul>
<li>
<a><img src="images/pic/pic211-282.jpg" /></a>
</li>
<li>
<a><img src="images/pic/pic211-282.jpg" /></a>
</li>
<li>
<a><img src="images/pic/pic211-282.jpg" /></a>
</li>
<li>
<a><img src="images/pic/pic211-282.jpg" /></a>
</li>
</ul>
</div>
/*首页小焦点图*/
var wpWidth=$('#wpBanner').width();
var wpLen=$('#wpBanner li').length;
var btn = "<div class='btn'>";
for(var i=0; i < wpLen; i++) {
btn += "<span></span>";
}
btn += "</div>";
$("#wpWidth").append(btn);
//创建小按钮
var btn = "<div class='btn'>";
for(var i=0; i < wpLen; i++) {
btn += "<span></span>";
}
btn += "</div>";
$("#wpBanner").append(btn);
$("#wpBanner .btn span").mouseleave(function() {
index = $("#wpBanner .btn span").index(this);
showPics(index);
}).eq(0).trigger("mouseleave");
autoPlay();
function autoPlay(){
clearInterval(timer);
var timer=setInterval(function(){
showPics(index);
},3000);
}
function showPics(index){
var nowLeft = -index*wpWidth;
$("#wpBanner ul").stop(true,false).animate({"left":nowLeft},300);
$("#wpBanner .btn span").removeClass("cur").eq(index).addClass("cur");
}
/*首页小焦点图 end*/