这节有个最大的问题:当快速点击箭头时,小圆点仍然按照点击的频率移动,所以会导致图片标号和原点标号不相符的问题(可以在视频里看到)。解决方法是:当animated为true时,不移动小圆点,如下所示。next.onclick同理 prev.onclick=function () { if(!animated){ if (index==1) { index=6; } else index-=1; showButton(); animate(1280); } }
我想了一个更好地showbtn
var showBtn = function(){
for(var i = 0,len = btn.length; i < len ; i ++){
btn[i].className = '';
}
var picLeft = parseInt(pic.style.left);
var whichBtn = Math.round(Math.abs(picLeft)/600);
index = whichBtn;
btn[index - 1].className = 'onpic';
}
var showBtn = function(){
for(var i = 0,len = btn.length; i < len ; i ++){
btn[i].className = '';
}
var picLeft = parseInt(pic.style.left);
var whichBtn = Math.round(Math.abs(picLeft)/600);
index = whichBtn;
btn[index - 1].className = 'onpic';
}